@e-llm-studio/citation 0.0.249 → 0.0.250

package/dist/features/ManageRemainders/AssigneeCalendarView.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssigneeCalendarView.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"AssigneeCalendarView.js","sources":["../../../src/features/ManageRemainders/AssigneeCalendarView.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport dayjs from \"dayjs\";\nimport {\n  ArrowLeft,\n  ArrowRight,\n  Calendar,\n  ChevronLeft,\n  ChevronRight,\n  InfoIcon,\n} from \"lucide-react\";\nimport { Checkbox, Tooltip } from \"@mui/material\";\n// import \"react-day-picker/dist/style.css\";\n// import \"react-day-picker/style.css\";\nimport styles from  \"./ManageRemainder.module.css\"\n// import CustomTooltip from \"../../shared/components/CutomTooltip\";\nconst weekDays = [\"Su\", \"Mo\", \"Tu\", \"We\", \"Th\", \"Fr\", \"Sa\"];\nexport type AssigneeRange = {\n  id: string;\n  name: string;\n  color: string;\n  bg: string;\n  ownerId: number;\n  ownerName: string;\n  ownerColor: string;\n  startDate: Date;\n  dueDate: Date;\n  reminders: Date[];\n  escalations: Date[];\n};\ntype Props = {\n  assignees: AssigneeRange[];\n};\nexport default function AssigneeCalendarView({ assignees }: Props) {\n  const [month, setMonth] = useState(new Date());\n  const [selectedAssignees, setSelectedAssignees] = useState({\n    assignee1: true,\n    assignee2: true,\n    assignee3: true,\n  });\n  const handleAssigneeToggle = (key: keyof typeof selectedAssignees) => {\n    setSelectedAssignees((prev) => ({\n      ...prev,\n      [key]: !prev[key],\n    }));\n  };\n  const indicators = useMemo(() => {\n    const map = new Map<\n      string,\n      {\n        ownerId: number;\n        ownerName: string;\n        ownerColor: string;\n        reminderCount: number;\n        escalationCount: number;\n        totalCount: number;\n      }[]\n    >();\n    assignees.forEach((assignee) => {\n      const dateCounts = new Map<\n        string,\n        {\n          reminderCount: number;\n          escalationCount: number;\n        }\n      >();\n      // Count reminders by date\n      assignee.reminders.forEach((date) => {\n        const key = dayjs(date).format(\"YYYY-MM-DD\");\n        const existing = dateCounts.get(key) ?? {\n          reminderCount: 0,\n          escalationCount: 0,\n        };\n        existing.reminderCount += 1;\n        dateCounts.set(key, existing);\n      });\n      // Count escalations by date\n      assignee.escalations.forEach((date) => {\n        const key = dayjs(date).format(\"YYYY-MM-DD\");\n        const existing = dateCounts.get(key) ?? {\n          reminderCount: 0,\n          escalationCount: 0,\n        };\n        existing.escalationCount += 1;\n        dateCounts.set(key, existing);\n      });\n      // Push one entry per assignee per date\n      dateCounts.forEach((counts, dateKey) => {\n        if (!map.has(dateKey)) {\n          map.set(dateKey, []);\n        }\n        map.get(dateKey)!.push({\n          ownerId: assignee.ownerId,\n          ownerName: assignee.ownerName,\n          ownerColor: assignee.ownerColor,\n          reminderCount: counts.reminderCount,\n          escalationCount: counts.escalationCount,\n          totalCount: counts.reminderCount + counts.escalationCount,\n        });\n      });\n    });\n    return map;\n  }, [assignees]);\n  return (\n    <div\n      style={{ boxShadow: \"0 4px 12px 0 rgba(0, 0, 0, 0.08)\" }}\n      className={styles.calendarContainer}\n    >\n      {/* Header */}\n      <div className={styles.calendarHeader}>\n        <div className={styles.calendarHeaderTitle}>\n          <Calendar size={14} />\n          Calendar View\n        </div>\n        <div className={styles.calendarHeaderInfo}>\n          {/* <CustomTooltip\n            title={\"\"}\n            heading=\"How it works:\"\n            summary=\"Visual representation of when reminders are sent to assignees based on the configured settings.\"\n          > */}\n            <InfoIcon stroke=\"#64748B\" className={styles.calendarHeaderInfo} />\n          {/* </CustomTooltip> */}\n        </div>\n      </div>\n      <div className={styles.monthNav}>\n        <button\n          type=\"button\"\n          onClick={() => setMonth(dayjs(month).subtract(1, \"month\").toDate())}\n          className={styles.monthNavBtn}\n        >\n          <ArrowLeft size={18} />\n        </button>\n        <h2 className={styles.monthNavTitle}>\n          {dayjs(month).format(\"MMMM YYYY\")}\n        </h2>\n        <button\n          type=\"button\"\n          onClick={() => setMonth(dayjs(month).add(1, \"month\").toDate())}\n          className={styles.monthNavBtn}\n        >\n          <ArrowRight size={18} />\n        </button>\n      </div>\n      <div className=\"calendar-wrapper\">\n        {/* <DayPicker\n          month={month}\n          onMonthChange={setMonth}\n          showOutsideDays\n          fixedWeeks\n          hideNavigation\n          numberOfMonths={1}\n          classNames={{\n            month_caption: \"hidden\",\n          }}\n        /> */}\n      </div>\n      {/* Weekday Header */}\n      <div className={styles.weekdayHeader}>\n        {weekDays.map((day) => (\n          <div\n            key={day}\n            className={styles.weekdayLabel}\n          >\n            {day}\n          </div>\n        ))}\n      </div>\n      {/* Custom indicator layer */}\n      <div className={styles.dayGrid}>\n        {Array.from({ length: 42 }).map((_, index) => {\n          const startOfMonth = dayjs(month).startOf(\"month\");\n          const firstVisibleDay = startOfMonth.startOf(\"week\");\n          const currentDate = firstVisibleDay.add(index, \"day\").toDate();\n          const key = dayjs(currentDate).format(\"YYYY-MM-DD\");\n          const activeAssignees = indicators.get(key) ?? [];\n          const isCurrentMonth =\n            dayjs(currentDate).month() === dayjs(month).month() &&\n            dayjs(currentDate).year() === dayjs(month).year();\n          const isPastDate = dayjs(currentDate).isBefore(dayjs(), \"day\");\n          const isToday = dayjs(currentDate).isSame(dayjs(), \"day\");\n          const assigneeVisibility = {\n            1 : selectedAssignees.assignee1,\n            2 : selectedAssignees.assignee2,\n            3 : selectedAssignees.assignee3,\n          }\n          const filteredActiveAssignees = activeAssignees.filter(assignee => {\n            return assigneeVisibility[assignee.ownerId as keyof typeof assigneeVisibility];\n          })\n          return (\n            <Tooltip\n              key={key}\n              arrow\n              placement=\"top\"\n              disableHoverListener={!activeAssignees.length}\n              title={\n                filteredActiveAssignees.length ? (\n                  <div className={styles.tooltipContent}>\n                    {/* Header */}\n                    <div className={styles.tooltipHeader}>\n                      <div className={styles.tooltipTitle}>\n                        Reminder Schedule\n                      </div>\n                      <div className={styles.tooltipDate}>\n                        {dayjs(currentDate).format(\"MMM D, YYYY\")}\n                      </div>\n                    </div>\n                    {/* Assignees */}\n                    <div className={styles.tooltipAssignees}>\n                      {filteredActiveAssignees.map((assignee) => (\n                        <div\n                          key={assignee.ownerId}\n                          className={styles.tooltipAssigneeRow}\n                        >\n                          <div className={styles.tooltipAssigneeInfo}>\n                            <span\n                              className={styles.tooltipAssigneeDot}\n                              style={{\n                                backgroundColor: assignee.ownerColor,\n                              }}\n                            />\n                            <span className={styles.tooltipAssigneeName}>\n                              {assignee.ownerName}:\n                            </span>\n                          </div>\n                          <span className={styles.tooltipAssigneeCount}>\n                            x{\" \"}\n                            {assignee.reminderCount + assignee.escalationCount}\n                          </span>\n                        </div>\n                      ))}\n                    </div>\n                  </div>\n                ) : (\n                  \"\"\n                )\n              }\n              slotProps={{\n                tooltip: {\n                  sx: {\n                    bgcolor: \"#F8FAFC\",\n                    color: \"#0F172A\",\n                    borderRadius: \"8px\",\n                    boxShadow: \"0px 4px 12px rgba(15, 23, 42, 0.12)\",\n                    p: 0,\n                    maxWidth: \"none\",\n                  },\n                },\n                arrow: {\n                  sx: {\n                    color: \"#FFFFFF\",\n                  },\n                },\n              }}\n            >\n              <div\n                className={`${styles.dayCell}${isPastDate ? ` ${styles.dayCellPast}` : \"\"}${isToday ? ` ${styles.dayCellToday}` : \"\"}`}\n              >\n                <span\n                  className={`${styles.dayNumber} ${\n                    isCurrentMonth ? styles.dayNumberCurrent : styles.dayNumberOutside\n                  }`}\n                >\n                  {currentDate.getDate()}\n                </span>\n                <div className={styles.indicatorWrapper}>\n                  {filteredActiveAssignees.map((assignee, index) => (\n                    <span\n                      key={assignee.ownerId}\n                      className={`${styles.indicatorDot}${\n                        index !== 0 ? ` ${styles.indicatorDotOverlap}` : \"\"\n                      }`}\n                      style={{\n                        backgroundColor: assignee.ownerColor,\n                        zIndex: index + 1,\n                      }}\n                    />\n                  ))}\n                </div>\n              </div>\n            </Tooltip>\n          );\n        })}\n      </div>\n      {/* Legend */}\n      <div className={styles.legendWrapper}>\n        <div className={styles.legendInner}>\n          {/* Assignee 1 */}\n          <div className={`${styles.legendItem} ${styles.legendItemAssignee1}`} onClick={(e) => {\n                handleAssigneeToggle(\"assignee1\");\n              }}>\n            <Checkbox\n              checked={selectedAssignees?.assignee1}\n              size=\"small\"\n              disableRipple\n              onClick={(e) => e.stopPropagation()}\n              onChange={() => handleAssigneeToggle(\"assignee1\")}\n              icon={\n                <div className={styles.checkboxIconUnchecked} />\n              }\n              checkedIcon={\n                <div className={`${styles.checkboxIconChecked} ${styles.checkboxIconCheckedAssignee1}`}>\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox=\"0 0 12 10\"\n                    fill=\"none\"\n                    className={styles.checkboxCheckSvg}\n                  >\n                    <path\n                      d=\"M1 5L4.2 8L11 1\"\n                      stroke=\"#C11574\"\n                      strokeWidth=\"1.8\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    />\n                  </svg>\n                </div>\n              }\n              sx={{\n                padding: 0,\n              }}\n            />\n            <span className={`${styles.legendLabel} ${styles.legendLabelAssignee1}`}>\n              Assignee 1\n            </span>\n          </div>\n          {/* Assignee 2 */}\n          <div className={`${styles.legendItem} ${styles.legendItemAssignee2}`}  onClick={(e) => {\n                handleAssigneeToggle(\"assignee2\");\n              }}>\n            <Checkbox\n              checked={selectedAssignees?.assignee2}\n              size=\"small\"\n              disableRipple\n              onClick={(e) => e.stopPropagation()}\n              onChange={() => handleAssigneeToggle(\"assignee2\")}\n              icon={\n                <div className={styles.checkboxIconUnchecked} />\n              }\n              checkedIcon={\n                <div className={`${styles.checkboxIconChecked} ${styles.checkboxIconCheckedAssignee2}`}>\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox=\"0 0 12 10\"\n                    fill=\"none\"\n                    className={styles.checkboxCheckSvg}\n                  >\n                    <path\n                      d=\"M1 5L4.2 8L11 1\"\n                      stroke=\"#3538CD\"\n                      strokeWidth=\"1.8\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    />\n                  </svg>\n                </div>\n              }\n              sx={{\n                padding: 0,\n              }}\n            />\n            <span className={`${styles.legendLabel} ${styles.legendLabelAssignee2}`}>\n              Assignee 2\n            </span>\n          </div>\n          {/* Assignee 3 */}\n          <div className={`${styles.legendItem} ${styles.legendItemAssignee3}`} onClick={(e) => {\n                handleAssigneeToggle(\"assignee3\");\n              }}>\n            <Checkbox\n              checked={selectedAssignees?.assignee3}\n              size=\"small\"\n              disableRipple\n              onClick={(e) => e.stopPropagation()}\n              onChange={() => handleAssigneeToggle(\"assignee3\")}\n              icon={\n                <div className={styles.checkboxIconUnchecked} />\n              }\n              checkedIcon={\n                <div className={`${styles.checkboxIconChecked} ${styles.checkboxIconCheckedAssignee3}`}>\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox=\"0 0 12 10\"\n                    fill=\"none\"\n                    className={styles.checkboxCheckSvg}\n                  >\n                    <path\n                      d=\"M1 5L4.2 8L11 1\"\n                      stroke=\"#FF6058\"\n                      strokeWidth=\"1.8\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    />\n                  </svg>\n                </div>\n              }\n              sx={{\n                padding: 0,\n              }}\n            />\n            <span className={`${styles.legendLabel} ${styles.legendLabelAssignee3}`}>Assignee 3</span>\n          </div>\n        </div>\n      </div>\n      <div className={styles.bottomLegend}>\n        <div className={styles.bottomLegendItem}>\n          <div className={`${styles.bottomLegendSwatch} ${styles.bottomLegendSwatchPast}`}></div>\n          <span className={styles.bottomLegendLabel}>\n            Past Dates\n          </span>\n        </div>\n        <div className={styles.bottomLegendItem}>\n          <div className={`${styles.bottomLegendSwatch} ${styles.bottomLegendSwatchFailed}`}></div>\n          <span className={styles.bottomLegendLabel}>\n            Reminder Failed\n          </span>\n        </div>\n      </div>\n    </div>\n  );\n}"],"names":["weekDays","AssigneeCalendarView","assignees","month","setMonth","useState","Date","selectedAssignees","setSelectedAssignees","assignee1","assignee2","assignee3","handleAssigneeToggle","key","prev","indicators","useMemo","map","Map","forEach","assignee","dateCounts","reminders","date","dayjs","format","existing","get","reminderCount","escalationCount","set","escalations","counts","dateKey","has","push","ownerId","ownerName","ownerColor","totalCount","jsxs","style","boxShadow","className","styles","calendarContainer","children","calendarHeader","calendarHeaderTitle","jsx","Calendar","size","calendarHeaderInfo","InfoIcon","stroke","monthNav","type","onClick","subtract","toDate","monthNavBtn","ArrowLeft","monthNavTitle","add","ArrowRight","weekdayHeader","day","weekdayLabel","dayGrid","Array","from","length","_","index","currentDate","startOf","activeAssignees","isCurrentMonth","year","isPastDate","isBefore","isToday","isSame","assigneeVisibility","filteredActiveAssignees","filter","Tooltip","arrow","placement","disableHoverListener","title","tooltipContent","tooltipHeader","tooltipTitle","tooltipDate","tooltipAssignees","tooltipAssigneeRow","tooltipAssigneeInfo","tooltipAssigneeDot","backgroundColor","tooltipAssigneeName","tooltipAssigneeCount","slotProps","tooltip","sx","bgcolor","color","borderRadius","p","maxWidth","dayCell","dayCellPast","dayCellToday","dayNumber","dayNumberCurrent","dayNumberOutside","getDate","indicatorWrapper","indicatorDot","indicatorDotOverlap","zIndex","legendWrapper","legendInner","legendItem","legendItemAssignee1","e","Checkbox","checked","disableRipple","stopPropagation","onChange","icon","checkboxIconUnchecked","checkedIcon","checkboxIconChecked","checkboxIconCheckedAssignee1","xmlns","viewBox","fill","checkboxCheckSvg","d","strokeWidth","strokeLinecap","strokeLinejoin","padding","legendLabel","legendLabelAssignee1","legendItemAssignee2","checkboxIconCheckedAssignee2","legendLabelAssignee2","legendItemAssignee3","checkboxIconCheckedAssignee3","legendLabelAssignee3","bottomLegend","bottomLegendItem","bottomLegendSwatch","bottomLegendSwatchPast","bottomLegendLabel","bottomLegendSwatchFailed"],"mappings":"+SAeA,MAAMA,EAAW,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAiB9B,SAAAC,GAAqBC,UAAEA,IAC7C,MAAOC,EAAOC,GAAYC,EAAS,IAAIC,OAChCC,EAAmBC,GAAwBH,EAAS,CACzDI,WAAW,EACXC,WAAW,EACXC,WAAW,IAEPC,EAAwBC,IAC5BL,EAAsBM,IAAU,IAC3BA,EACHD,CAACA,IAAOC,EAAKD,OAGXE,EAAaC,EAAQ,KACnB,MAAAC,MAAUC,IAsDT,OA3CGhB,EAAAiB,QAASC,IACX,MAAAC,MAAiBH,IAQdE,EAAAE,UAAUH,QAASI,IAC1B,MAAMV,EAAMW,EAAMD,GAAME,OAAO,cACzBC,EAAWL,EAAWM,IAAId,IAAQ,CACtCe,cAAe,EACfC,gBAAiB,GAEnBH,EAASE,eAAiB,EACfP,EAAAS,IAAIjB,EAAKa,KAGbN,EAAAW,YAAYZ,QAASI,IAC5B,MAAMV,EAAMW,EAAMD,GAAME,OAAO,cACzBC,EAAWL,EAAWM,IAAId,IAAQ,CACtCe,cAAe,EACfC,gBAAiB,GAEnBH,EAASG,iBAAmB,EACjBR,EAAAS,IAAIjB,EAAKa,KAGXL,EAAAF,QAAQ,CAACa,EAAQC,KACrBhB,EAAIiB,IAAID,IACPhB,EAAAa,IAAIG,EAAS,IAEfhB,EAAAU,IAAIM,GAAUE,KAAK,CACrBC,QAAShB,EAASgB,QAClBC,UAAWjB,EAASiB,UACpBC,WAAYlB,EAASkB,WACrBV,cAAeI,EAAOJ,cACtBC,gBAAiBG,EAAOH,gBACxBU,WAAYP,EAAOJ,cAAgBI,EAAOH,sBAIzCZ,GACN,CAACf,IAEF,OAAAsC,EAAC,MAAA,CACCC,MAAO,CAAEC,UAAW,oCACpBC,UAAWC,EAAOC,kBAGlBC,SAAA,CAACN,EAAA,MAAA,CAAIG,UAAWC,EAAOG,eACrBD,SAAA,CAACN,EAAA,MAAA,CAAIG,UAAWC,EAAOI,oBACrBF,SAAA,CAACG,EAAAC,EAAA,CAASC,KAAM,KAAM,mBAGvBF,EAAA,MAAA,CAAIN,UAAWC,EAAOQ,mBAMnBN,SAAAG,EAACI,EAAS,CAAAC,OAAO,UAAUX,UAAWC,EAAOQ,0BAIlDZ,EAAA,MAAA,CAAIG,UAAWC,EAAOW,SACrBT,SAAA,CAAAG,EAAC,SAAA,CACCO,KAAK,SACLC,QAAS,IAAMrD,EAASoB,EAAMrB,GAAOuD,SAAS,EAAG,SAASC,UAC1DhB,UAAWC,EAAOgB,YAElBd,SAAAG,EAACY,EAAU,CAAAV,KAAM,OAEnBF,EAAC,KAAG,CAAAN,UAAWC,EAAOkB,cACnBhB,WAAM3C,GAAOsB,OAAO,eAEvBwB,EAAC,SAAA,CACCO,KAAK,SACLC,QAAS,IAAMrD,EAASoB,EAAMrB,GAAO4D,IAAI,EAAG,SAASJ,UACrDhB,UAAWC,EAAOgB,YAElBd,SAAAG,EAACe,EAAW,CAAAb,KAAM,UAGtBF,EAAC,MAAI,CAAAN,UAAU,qBAcfM,EAAC,OAAIN,UAAWC,EAAOqB,cACpBnB,SAAS9C,EAAAiB,IAAKiD,GACbjB,EAAC,MAAA,CAECN,UAAWC,EAAOuB,aAEjBrB,SAAAoB,GAHIA,MAQVjB,EAAA,MAAA,CAAIN,UAAWC,EAAOwB,QACpBtB,SAAMuB,MAAAC,KAAK,CAAEC,OAAQ,KAAMtD,IAAI,CAACuD,EAAGC,KAClC,MAEMC,EAFelD,EAAMrB,GAAOwE,QAAQ,SACLA,QAAQ,QACTZ,IAAIU,EAAO,OAAOd,SAChD9C,EAAMW,EAAMkD,GAAajD,OAAO,cAChCmD,EAAkB7D,EAAWY,IAAId,IAAQ,GACzCgE,EACJrD,EAAMkD,GAAavE,UAAYqB,EAAMrB,GAAOA,SAC5CqB,EAAMkD,GAAaI,SAAWtD,EAAMrB,GAAO2E,OACvCC,EAAavD,EAAMkD,GAAaM,SAASxD,IAAS,OAClDyD,EAAUzD,EAAMkD,GAAaQ,OAAO1D,IAAS,OAC7C2D,EAAqB,CACzB,EAAI5E,EAAkBE,UACtB,EAAIF,EAAkBG,UACtB,EAAIH,EAAkBI,WAElByE,EAA0BR,EAAgBS,OAAmBjE,GAC1D+D,EAAmB/D,EAASgB,UAGnC,OAAAa,EAACqC,EAAA,CAECC,OAAK,EACLC,UAAU,MACVC,sBAAuBb,EAAgBL,OACvCmB,MACEN,EAAwBb,SACrB,MAAI,CAAA5B,UAAWC,EAAO+C,eAErB7C,SAAA,CAACN,EAAA,MAAA,CAAIG,UAAWC,EAAOgD,cACrB9C,SAAA,CAAAG,EAAC,MAAI,CAAAN,UAAWC,EAAOiD,aAAc/C,SAErC,sBACAG,EAAC,MAAI,CAAAN,UAAWC,EAAOkD,YACpBhD,WAAM4B,GAAajD,OAAO,oBAI/BwB,EAAC,OAAIN,UAAWC,EAAOmD,iBACpBjD,SAAwBsC,EAAAnE,IAAKG,GAC5BoB,EAAC,MAAA,CAECG,UAAWC,EAAOoD,mBAElBlD,SAAA,CAACN,EAAA,MAAA,CAAIG,UAAWC,EAAOqD,oBACrBnD,SAAA,CAAAG,EAAC,OAAA,CACCN,UAAWC,EAAOsD,mBAClBzD,MAAO,CACL0D,gBAAiB/E,EAASkB,cAG7BE,EAAA,OAAA,CAAKG,UAAWC,EAAOwD,oBACrBtD,SAAA,CAAS1B,EAAAiB,UAAU,UAGvBG,EAAA,OAAA,CAAKG,UAAWC,EAAOyD,qBAAsBvD,SAAA,CAAA,IAC1C,IACD1B,EAASQ,cAAgBR,EAASS,qBAhBhCT,EAASgB,eAuBtB,GAGJkE,UAAW,CACTC,QAAS,CACPC,GAAI,CACFC,QAAS,UACTC,MAAO,UACPC,aAAc,MACdjE,UAAW,sCACXkE,EAAG,EACHC,SAAU,SAGdtB,MAAO,CACLiB,GAAI,CACFE,MAAO,aAKb5D,SAAAN,EAAC,MAAA,CACCG,UAAW,GAAGC,EAAOkE,UAAU/B,EAAa,IAAInC,EAAOmE,cAAgB,KAAK9B,EAAU,IAAIrC,EAAOoE,eAAiB,KAElHlE,SAAA,CAAAG,EAAC,OAAA,CACCN,UAAW,GAAGC,EAAOqE,aACnBpC,EAAiBjC,EAAOsE,iBAAmBtE,EAAOuE,mBAGnDrE,WAAYsE,YAEfnE,EAAC,OAAIN,UAAWC,EAAOyE,iBACpBvE,SAAwBsC,EAAAnE,IAAI,CAACG,EAAUqD,IACtCxB,EAAC,OAAA,CAECN,UAAW,GAAGC,EAAO0E,eACT,IAAV7C,EAAc,IAAI7B,EAAO2E,sBAAwB,KAEnD9E,MAAO,CACL0D,gBAAiB/E,EAASkB,WAC1BkF,OAAQ/C,EAAQ,IANbrD,EAASgB,gBA7EjBvB,OA8FboC,EAAC,OAAIN,UAAWC,EAAO6E,cACrB3E,SAACN,EAAA,MAAA,CAAIG,UAAWC,EAAO8E,YAErB5E,SAAA,CAACN,EAAA,MAAA,CAAIG,UAAW,GAAGC,EAAO+E,cAAc/E,EAAOgF,sBAAuBnE,QAAUoE,IAC1EjH,EAAqB,cAEzBkC,SAAA,CAAAG,EAAC6E,EAAA,CACCC,QAASxH,GAAmBE,UAC5B0C,KAAK,QACL6E,eAAa,EACbvE,QAAUoE,GAAMA,EAAEI,kBAClBC,SAAU,IAAMtH,EAAqB,aACrCuH,KACElF,EAAC,MAAI,CAAAN,UAAWC,EAAOwF,wBAEzBC,YACGpF,EAAA,MAAA,CAAIN,UAAW,GAAGC,EAAO0F,uBAAuB1F,EAAO2F,+BACtDzF,SAAAG,EAAC,MAAA,CACCuF,MAAM,6BACNC,QAAQ,YACRC,KAAK,OACL/F,UAAWC,EAAO+F,iBAElB7F,SAAAG,EAAC,OAAA,CACC2F,EAAE,kBACFtF,OAAO,UACPuF,YAAY,MACZC,cAAc,QACdC,eAAe,cAKvBvC,GAAI,CACFwC,QAAS,KAGb/F,EAAC,OAAK,CAAAN,UAAW,GAAGC,EAAOqG,eAAerG,EAAOsG,uBAAwBpG,SAEzE,kBAGDN,EAAA,MAAA,CAAIG,UAAW,GAAGC,EAAO+E,cAAc/E,EAAOuG,sBAAwB1F,QAAUoE,IAC3EjH,EAAqB,cAEzBkC,SAAA,CAAAG,EAAC6E,EAAA,CACCC,QAASxH,GAAmBG,UAC5ByC,KAAK,QACL6E,eAAa,EACbvE,QAAUoE,GAAMA,EAAEI,kBAClBC,SAAU,IAAMtH,EAAqB,aACrCuH,KACElF,EAAC,MAAI,CAAAN,UAAWC,EAAOwF,wBAEzBC,YACGpF,EAAA,MAAA,CAAIN,UAAW,GAAGC,EAAO0F,uBAAuB1F,EAAOwG,+BACtDtG,SAAAG,EAAC,MAAA,CACCuF,MAAM,6BACNC,QAAQ,YACRC,KAAK,OACL/F,UAAWC,EAAO+F,iBAElB7F,SAAAG,EAAC,OAAA,CACC2F,EAAE,kBACFtF,OAAO,UACPuF,YAAY,MACZC,cAAc,QACdC,eAAe,cAKvBvC,GAAI,CACFwC,QAAS,KAGb/F,EAAC,OAAK,CAAAN,UAAW,GAAGC,EAAOqG,eAAerG,EAAOyG,uBAAwBvG,SAEzE,kBAGDN,EAAA,MAAA,CAAIG,UAAW,GAAGC,EAAO+E,cAAc/E,EAAO0G,sBAAuB7F,QAAUoE,IAC1EjH,EAAqB,cAEzBkC,SAAA,CAAAG,EAAC6E,EAAA,CACCC,QAASxH,GAAmBI,UAC5BwC,KAAK,QACL6E,eAAa,EACbvE,QAAUoE,GAAMA,EAAEI,kBAClBC,SAAU,IAAMtH,EAAqB,aACrCuH,KACElF,EAAC,MAAI,CAAAN,UAAWC,EAAOwF,wBAEzBC,YACGpF,EAAA,MAAA,CAAIN,UAAW,GAAGC,EAAO0F,uBAAuB1F,EAAO2G,+BACtDzG,SAAAG,EAAC,MAAA,CACCuF,MAAM,6BACNC,QAAQ,YACRC,KAAK,OACL/F,UAAWC,EAAO+F,iBAElB7F,SAAAG,EAAC,OAAA,CACC2F,EAAE,kBACFtF,OAAO,UACPuF,YAAY,MACZC,cAAc,QACdC,eAAe,cAKvBvC,GAAI,CACFwC,QAAS,KAGb/F,EAAC,OAAK,CAAAN,UAAW,GAAGC,EAAOqG,eAAerG,EAAO4G,uBAAwB1G,SAAU,uBAIxFN,EAAA,MAAA,CAAIG,UAAWC,EAAO6G,aACrB3G,SAAA,CAACN,EAAA,MAAA,CAAIG,UAAWC,EAAO8G,iBACrB5G,SAAA,CAACG,EAAA,MAAA,CAAIN,UAAW,GAAGC,EAAO+G,sBAAsB/G,EAAOgH,2BACtD3G,EAAA,OAAA,CAAKN,UAAWC,EAAOiH,kBAAmB/G,SAE3C,kBAEDN,EAAA,MAAA,CAAIG,UAAWC,EAAO8G,iBACrB5G,SAAA,CAACG,EAAA,MAAA,CAAIN,UAAW,GAAGC,EAAO+G,sBAAsB/G,EAAOkH,6BACtD7G,EAAA,OAAA,CAAKN,UAAWC,EAAOiH,kBAAmB/G,SAE3C,4BAKV"}

package/dist/features/ManageRemainders/ManageRemainder.module.css.js

@@ -1,2 +1,2 @@
-var e={mrContainer:"ManageRemainder-module_mrContainer__kVgxT",mrSectionBox:"ManageRemainder-module_mrSectionBox__bEDtY",mrSectionHeader:"ManageRemainder-module_mrSectionHeader__5k1HQ",mrSectionHeaderContent:"ManageRemainder-module_mrSectionHeaderContent__eKJWh",mrSectionHeaderLeft:"ManageRemainder-module_mrSectionHeaderLeft__I-hzD",mrSectionHeaderRight:"ManageRemainder-module_mrSectionHeaderRight__W-BY3",mrSectionTitleWrapper:"ManageRemainder-module_mrSectionTitleWrapper__NA6i-",mrSectionTitleIcon:"ManageRemainder-module_mrSectionTitleIcon__6pWZz",mrSectionTitle:"ManageRemainder-module_mrSectionTitle__BPAU2",mrSectionDescription:"ManageRemainder-module_mrSectionDescription__HdkjC",mrIconSmall:"ManageRemainder-module_mrIconSmall__kbiWd",mrIconInfo:"ManageRemainder-module_mrIconInfo__U8Ylz",mrIconArrow:"ManageRemainder-module_mrIconArrow__wMp9q",mrIconAction:"ManageRemainder-module_mrIconAction__l9uVi",mrIconPreview:"ManageRemainder-module_mrIconPreview__oYo84",mrIconCalendar:"ManageRemainder-module_mrIconCalendar__2gaaf",mrIconChevronToggle:"ManageRemainder-module_mrIconChevronToggle__LjUy1",mrIconDropdown:"ManageRemainder-module_mrIconDropdown__-heGj",mrIconSuccess:"ManageRemainder-module_mrIconSuccess__EMJrR",mrChevronButton:"ManageRemainder-module_mrChevronButton__QKLsI",mrChevronIcon:"ManageRemainder-module_mrChevronIcon__CxLkq",mrChevronRotated:"ManageRemainder-module_mrChevronRotated__NL7Ho",mrSuccessMessage:"ManageRemainder-module_mrSuccessMessage__4N0gO",mrSuccessIcon:"ManageRemainder-module_mrSuccessIcon__PsybU",mrSuccessIconInner:"ManageRemainder-module_mrSuccessIconInner__yEl8-",mrSuccessText:"ManageRemainder-module_mrSuccessText__-hXJh",mrSuccessTitle:"ManageRemainder-module_mrSuccessTitle__Zakof",mrSuccessDescription:"ManageRemainder-module_mrSuccessDescription__-r7A8",mrHiddenSection:"ManageRemainder-module_mrHiddenSection__c67oj",mrRecipientsSection:"ManageRemainder-module_mrRecipientsSection__L0f1k",mrRecipientsLabel:"ManageRemainder-module_mrRecipientsLabel__Escta",mrRecipientsGrid:"ManageRemainder-module_mrRecipientsGrid__-7giX",mrRecipientItem:"ManageRemainder-module_mrRecipientItem__C0uw5",mrRecipientInfo:"ManageRemainder-module_mrRecipientInfo__djuEp",mrRecipientAvatar:"ManageRemainder-module_mrRecipientAvatar__g6YDo",mrRecipientName:"ManageRemainder-module_mrRecipientName__gFCJU",mrCheckboxUnchecked:"ManageRemainder-module_mrCheckboxUnchecked__j0wYE",mrCheckboxChecked:"ManageRemainder-module_mrCheckboxChecked__TowNb",mrCheckboxIcon:"ManageRemainder-module_mrCheckboxIcon__RVL-V",mrActionsSection:"ManageRemainder-module_mrActionsSection__in30u",mrActionButton:"ManageRemainder-module_mrActionButton__x9IEC",mrActionButtonSecondary:"ManageRemainder-module_mrActionButtonSecondary__GBvpQ",mrActionButtonPrimary:"ManageRemainder-module_mrActionButtonPrimary__vRNbF",mrMainContent:"ManageRemainder-module_mrMainContent__2gAUU",mrEscalationContainer:"ManageRemainder-module_mrEscalationContainer__V4PfB",mrEscalationHeaderWrapper:"ManageRemainder-module_mrEscalationHeaderWrapper__vOg2K",mrEscalationHeader:"ManageRemainder-module_mrEscalationHeader__sV-tw",mrEscalationTitleWrapper:"ManageRemainder-module_mrEscalationTitleWrapper__G90xv",mrEscalationTitleText:"ManageRemainder-module_mrEscalationTitleText__X233z",mrTooltipIcon:"ManageRemainder-module_mrTooltipIcon__QpPGO",mrEscalationActions:"ManageRemainder-module_mrEscalationActions__RoHhx",mrEscalationPreviewButton:"ManageRemainder-module_mrEscalationPreviewButton__68J90",mrEscalationPreviewIcon:"ManageRemainder-module_mrEscalationPreviewIcon__KNa9K",mrEscalationPreviewText:"ManageRemainder-module_mrEscalationPreviewText__FM5S5",mrEscalationDescription:"ManageRemainder-module_mrEscalationDescription__z-3q8",mrReorderGroup:"ManageRemainder-module_mrReorderGroup__sLaAn",mrReminderItem:"ManageRemainder-module_mrReminderItem__kwd0b",mrReminderLabelBox:"ManageRemainder-module_mrReminderLabelBox__KRi5V",mrReminderLabelInner:"ManageRemainder-module_mrReminderLabelInner__GuTh-",mrReminderContent:"ManageRemainder-module_mrReminderContent__yKbGS",mrDragHandle:"ManageRemainder-module_mrDragHandle__4Lz8t",mrReminderBox:"ManageRemainder-module_mrReminderBox__ur54z",mrReminderFields:"ManageRemainder-module_mrReminderFields__yQROF",mrReminderHeader:"ManageRemainder-module_mrReminderHeader__wMUF6",mrReminderAssignee:"ManageRemainder-module_mrReminderAssignee__0p1Gb",mrReminderAvatar:"ManageRemainder-module_mrReminderAvatar__6KM5V",mrReminderInitials:"ManageRemainder-module_mrReminderInitials__bUFkd",mrReminderName:"ManageRemainder-module_mrReminderName__zjceM",mrReminderStatement:"ManageRemainder-module_mrReminderStatement__7Y0B-",mrReminderStatementText:"ManageRemainder-module_mrReminderStatementText__LodbK",mrReminderDateFields:"ManageRemainder-module_mrReminderDateFields__GT4N9",mrReminderField:"ManageRemainder-module_mrReminderField__XBiO4",mrReminderFieldLabel:"ManageRemainder-module_mrReminderFieldLabel__S9dXV",mrReminderDatePicker:"ManageRemainder-module_mrReminderDatePicker__Vgbui",mrReminderDueDate:"ManageRemainder-module_mrReminderDueDate__7nawQ",mrReminderFrequency:"ManageRemainder-module_mrReminderFrequency__Qq1qa",mrReminderFrequencyText:"ManageRemainder-module_mrReminderFrequencyText__lGfl0",mrEscalationCheckbox:"ManageRemainder-module_mrEscalationCheckbox__xZrG3",mrEscalationCheckboxHeader:"ManageRemainder-module_mrEscalationCheckboxHeader__1GgFB",mrEscalationContent:"ManageRemainder-module_mrEscalationContent__ItAyr",mrEscalationCondition:"ManageRemainder-module_mrEscalationCondition__4GCeD",mrEscalationFields:"ManageRemainder-module_mrEscalationFields__oFHp-",mrEscalationFieldGroup:"ManageRemainder-module_mrEscalationFieldGroup__uES3-",mrEscalationFieldGroupLarge:"ManageRemainder-module_mrEscalationFieldGroupLarge__MpVYP",mrEscalationFieldGroupSmall:"ManageRemainder-module_mrEscalationFieldGroupSmall__FFbRJ",mrEscalationFieldText:"ManageRemainder-module_mrEscalationFieldText__n7EfI",mrDropdownButton:"ManageRemainder-module_mrDropdownButton__9wvGh",mrCalendarPanel:"ManageRemainder-module_mrCalendarPanel__PnMpt",mrCalendarCollapsed:"ManageRemainder-module_mrCalendarCollapsed__mb-bI",mrCalendarToggle:"ManageRemainder-module_mrCalendarToggle__9HIet",mrNoPointerEvents:"ManageRemainder-module_mrNoPointerEvents__OQbav",mrPointerEventsAuto:"ManageRemainder-module_mrPointerEventsAuto__0avRT",calendarContainer:"ManageRemainder-module_calendarContainer__N804t",calendarHeader:"ManageRemainder-module_calendarHeader__BjE9o",calendarHeaderTitle:"ManageRemainder-module_calendarHeaderTitle__U8NmV",calendarHeaderInfo:"ManageRemainder-module_calendarHeaderInfo__s05VQ",monthNav:"ManageRemainder-module_monthNav__FBbyi",monthNavBtn:"ManageRemainder-module_monthNavBtn__oor7V",monthNavTitle:"ManageRemainder-module_monthNavTitle__zgDDq",weekdayHeader:"ManageRemainder-module_weekdayHeader__XciP8",weekdayLabel:"ManageRemainder-module_weekdayLabel__dDWJo",dayGrid:"ManageRemainder-module_dayGrid__dT0og",dayCell:"ManageRemainder-module_dayCell__AGx-w",dayCellPast:"ManageRemainder-module_dayCellPast__91hbu",dayCellToday:"ManageRemainder-module_dayCellToday__q8Wvi",dayNumber:"ManageRemainder-module_dayNumber__6yOVW",dayNumberCurrent:"ManageRemainder-module_dayNumberCurrent__6ML9j",dayNumberOutside:"ManageRemainder-module_dayNumberOutside__JQ-t7",indicatorWrapper:"ManageRemainder-module_indicatorWrapper__5FOym",indicatorDot:"ManageRemainder-module_indicatorDot__ElweF",indicatorDotOverlap:"ManageRemainder-module_indicatorDotOverlap__QPBRy",tooltipContent:"ManageRemainder-module_tooltipContent__ErzOu",tooltipHeader:"ManageRemainder-module_tooltipHeader__Q4qHO",tooltipTitle:"ManageRemainder-module_tooltipTitle__iZtI4",tooltipDate:"ManageRemainder-module_tooltipDate__ulMaQ",tooltipAssignees:"ManageRemainder-module_tooltipAssignees__jGc-Y",tooltipAssigneeRow:"ManageRemainder-module_tooltipAssigneeRow__nzr3m",tooltipAssigneeInfo:"ManageRemainder-module_tooltipAssigneeInfo__vIXTP",tooltipAssigneeDot:"ManageRemainder-module_tooltipAssigneeDot__yz6E6",tooltipAssigneeName:"ManageRemainder-module_tooltipAssigneeName__JJbid",tooltipAssigneeCount:"ManageRemainder-module_tooltipAssigneeCount__49OVk",legendWrapper:"ManageRemainder-module_legendWrapper__OfxhE",legendInner:"ManageRemainder-module_legendInner__iwIe7",legendItem:"ManageRemainder-module_legendItem__zbxBG",legendItemAssignee1:"ManageRemainder-module_legendItemAssignee1__I6F-D",legendItemAssignee2:"ManageRemainder-module_legendItemAssignee2__YObVW",legendItemAssignee3:"ManageRemainder-module_legendItemAssignee3__uCkBW",legendLabel:"ManageRemainder-module_legendLabel__Va4Sw",legendLabelAssignee1:"ManageRemainder-module_legendLabelAssignee1__vG-F4",legendLabelAssignee2:"ManageRemainder-module_legendLabelAssignee2__CbGVb",legendLabelAssignee3:"ManageRemainder-module_legendLabelAssignee3__cz-57",checkboxIconUnchecked:"ManageRemainder-module_checkboxIconUnchecked__xoI0S",checkboxIconChecked:"ManageRemainder-module_checkboxIconChecked__Y3mN2",checkboxIconCheckedAssignee1:"ManageRemainder-module_checkboxIconCheckedAssignee1__817aZ",checkboxIconCheckedAssignee2:"ManageRemainder-module_checkboxIconCheckedAssignee2__hTAKp",checkboxIconCheckedAssignee3:"ManageRemainder-module_checkboxIconCheckedAssignee3__hQwwN",checkboxCheckSvg:"ManageRemainder-module_checkboxCheckSvg__R87mg",bottomLegend:"ManageRemainder-module_bottomLegend__rRzkt",bottomLegendItem:"ManageRemainder-module_bottomLegendItem__u90vA",bottomLegendSwatch:"ManageRemainder-module_bottomLegendSwatch__9uu1M",bottomLegendSwatchPast:"ManageRemainder-module_bottomLegendSwatchPast__-DcRZ",bottomLegendSwatchFailed:"ManageRemainder-module_bottomLegendSwatchFailed__9lK2I",bottomLegendLabel:"ManageRemainder-module_bottomLegendLabel__9eDD-"};!function(){if("undefined"==typeof document)return;const e=document.createElement("style");e.type="text/css";const a=window.__CSP_NONCE__||document.querySelector('meta[name="csp-nonce"]')?.content;a&&e.setAttribute("nonce",a),e.appendChild(document.createTextNode(".ManageRemainder-module_mrContainer__kVgxT{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-top:1rem}.ManageRemainder-module_mrSectionBox__bEDtY{border:1px solid #b6c1ca;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:.75rem;width:100%}.ManageRemainder-module_mrSectionHeader__5k1HQ{display:flex;flex-direction:column;gap:.25rem}.ManageRemainder-module_mrSectionHeaderContent__eKJWh{display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;width:100%}.ManageRemainder-module_mrSectionHeaderLeft__I-hzD{display:flex;flex-direction:column;gap:.25rem}.ManageRemainder-module_mrSectionHeaderRight__W-BY3{align-items:center;display:flex;gap:.25rem;justify-content:flex-start}.ManageRemainder-module_mrSectionTitleWrapper__NA6i-{align-items:center;display:flex;gap:.5rem}.ManageRemainder-module_mrSectionTitleIcon__6pWZz{align-items:center;display:flex;height:.75rem;justify-content:center;width:.75rem}.ManageRemainder-module_mrSectionTitle__BPAU2{color:#334155;font-size:.875rem;font-weight:600}.ManageRemainder-module_mrSectionDescription__HdkjC{color:#334155;font-size:.75rem;font-weight:400}.ManageRemainder-module_mrIconSmall__kbiWd{color:#334155;height:.75rem;width:.75rem}.ManageRemainder-module_mrIconInfo__U8Ylz{color:#64748b;height:1rem;width:1rem}.ManageRemainder-module_mrIconArrow__wMp9q{stroke:#334155;height:.75rem;width:.75rem}.ManageRemainder-module_mrIconAction__l9uVi{height:1rem;width:1rem}.ManageRemainder-module_mrIconPreview__oYo84{stroke:#64748b;height:1rem;width:1rem}.ManageRemainder-module_mrIconCalendar__2gaaf{color:#1e293b;height:1.25rem;width:1.25rem}.ManageRemainder-module_mrIconChevronToggle__LjUy1{color:#4f46e5;height:1rem;position:fixed;width:1rem}.ManageRemainder-module_mrIconDropdown__-heGj{height:.75rem;width:.75rem}.ManageRemainder-module_mrIconSuccess__EMJrR{color:#16a34a;height:1.5rem;width:1.5rem}.ManageRemainder-module_mrChevronButton__QKLsI{align-items:center;display:flex;justify-content:center}.ManageRemainder-module_mrChevronIcon__CxLkq{height:1.25rem;transition:transform .2s ease;width:1.25rem}.ManageRemainder-module_mrChevronIcon__CxLkq.ManageRemainder-module_mrChevronRotated__NL7Ho{transform:rotate(180deg)}.ManageRemainder-module_mrSuccessMessage__4N0gO{align-items:center;display:inline-flex;flex-direction:column;gap:.75rem;width:100%}.ManageRemainder-module_mrSuccessIcon__PsybU{align-items:center;background-color:#dcfce7;border-radius:9999px;box-shadow:0 0 0 4px #fff;display:flex;height:3rem;justify-content:center;width:3rem}.ManageRemainder-module_mrSuccessIconInner__yEl8-{height:1.5rem;position:relative;width:1.5rem}.ManageRemainder-module_mrSuccessText__-hXJh{align-items:center;display:flex;flex-direction:column;gap:.25rem;text-align:center}.ManageRemainder-module_mrSuccessTitle__Zakof{color:#166534;font-size:1rem;font-weight:500;line-height:1.5}.ManageRemainder-module_mrSuccessDescription__-r7A8{color:#22c55e;font-size:.875rem;font-weight:400;line-height:1.25}.ManageRemainder-module_mrRecipientsSection__L0f1k{display:flex;flex-direction:column;gap:.5rem}.ManageRemainder-module_mrRecipientsLabel__Escta{color:#3f3f46;font-size:.75rem;font-weight:500}.ManageRemainder-module_mrRecipientsGrid__-7giX{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.ManageRemainder-module_mrRecipientItem__C0uw5{align-items:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;display:flex;gap:.5rem;padding:.25rem .5rem}.ManageRemainder-module_mrRecipientInfo__djuEp{align-items:center;display:flex;gap:.5rem}.ManageRemainder-module_mrRecipientAvatar__g6YDo{align-items:center;border-radius:9999px;display:flex;font-size:.6875rem;font-weight:500;height:1.5rem;justify-content:center;width:1.5rem}.ManageRemainder-module_mrRecipientName__gFCJU{color:#3f3f46;font-size:.875rem}.ManageRemainder-module_mrCheckboxUnchecked__j0wYE{background-color:#fff;border:1px solid #d0d5dd;border-radius:.25rem;height:1rem;width:1rem}.ManageRemainder-module_mrCheckboxChecked__TowNb{align-items:center;background-color:#fff;border:1px solid #6938ef;border-radius:.25rem;display:flex;height:1rem;justify-content:center;width:1rem}.ManageRemainder-module_mrCheckboxIcon__RVL-V{height:.625rem;width:.625rem}.ManageRemainder-module_mrActionsSection__in30u{display:flex;gap:.75rem}.ManageRemainder-module_mrActionButton__x9IEC{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;flex:1;font-size:.875rem;font-weight:500;gap:.5rem;height:2.25rem;justify-content:center}.ManageRemainder-module_mrActionButtonSecondary__GBvpQ{background-color:#fff;border:1px solid #a5b4fc;color:#4f46e5}.ManageRemainder-module_mrActionButtonSecondary__GBvpQ:hover{background-color:#f3f4f6}.ManageRemainder-module_mrActionButtonPrimary__vRNbF{background-color:#4f46e5;color:#fff}.ManageRemainder-module_mrActionButtonPrimary__vRNbF:hover{background-color:#4338ca}.ManageRemainder-module_mrMainContent__2gAUU{display:flex;flex-direction:row;gap:1.75rem;width:100%}.ManageRemainder-module_mrEscalationContainer__V4PfB{background-color:#ffffffb3;border-radius:10px;display:flex;flex:1;flex-direction:column;gap:.75rem;min-width:0;outline:1px solid #b6c1ca;outline-offset:-1px;padding:.75rem}.ManageRemainder-module_mrEscalationHeaderWrapper__vOg2K{cursor:pointer;display:flex;flex-direction:column;gap:.25rem;justify-content:space-between}.ManageRemainder-module_mrEscalationHeader__sV-tw{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.ManageRemainder-module_mrEscalationTitleWrapper__G90xv{align-items:center;display:flex;gap:.5rem}.ManageRemainder-module_mrEscalationTitleText__X233z{color:#3f3f46;font-size:.875rem;font-weight:600;line-height:1.25}.ManageRemainder-module_mrTooltipIcon__QpPGO{height:1rem;overflow:hidden;position:relative;width:1rem}.ManageRemainder-module_mrEscalationActions__RoHhx{align-items:center;display:flex;gap:.5rem}.ManageRemainder-module_mrEscalationPreviewButton__68J90{align-items:center;background-color:#fff;border:none;border-radius:1.29rem;box-shadow:0 1px 2px 0 #0000000d;cursor:pointer;display:flex;gap:.375rem;height:1.75rem;outline:.54px solid #d1d5db;outline-offset:-.54px;padding:.375rem .875rem}.ManageRemainder-module_mrEscalationPreviewIcon__KNa9K{height:1rem;overflow:hidden;position:relative;width:1rem}.ManageRemainder-module_mrEscalationPreviewText__FM5S5{color:#6b7280;font-size:.75rem;font-weight:400;line-height:1rem}.ManageRemainder-module_mrEscalationDescription__z-3q8{color:#334155;font-size:.75rem;font-weight:400}.ManageRemainder-module_mrReorderGroup__sLaAn{display:flex;flex-direction:column;gap:1.5rem}.ManageRemainder-module_mrReminderItem__kwd0b{display:flex;gap:1rem;justify-content:space-between;width:100%}.ManageRemainder-module_mrReminderLabelBox__KRi5V{display:flex;flex-shrink:0;justify-content:center;width:90px}.ManageRemainder-module_mrReminderLabelInner__GuTh-{align-items:center;display:flex}.ManageRemainder-module_mrReminderContent__yKbGS{align-items:center;display:flex;gap:1rem;width:100%}.ManageRemainder-module_mrDragHandle__4Lz8t{align-items:center;cursor:grab;display:flex;gap:.75rem}.ManageRemainder-module_mrReminderBox__ur54z{border-radius:.75rem;padding:.5rem;width:100%}.ManageRemainder-module_mrReminderFields__yQROF{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;width:100%}.ManageRemainder-module_mrReminderHeader__wMUF6{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;width:100%}.ManageRemainder-module_mrReminderAssignee__0p1Gb{align-items:center;display:flex;gap:.75rem}.ManageRemainder-module_mrReminderAvatar__6KM5V{align-items:center;background-color:#dbeafe;border-radius:9999px;display:flex;height:1.75rem;justify-content:center;width:1.75rem}.ManageRemainder-module_mrReminderInitials__bUFkd{color:#1e40af;font-size:.625rem;font-weight:500}.ManageRemainder-module_mrReminderName__zjceM{color:#1f2937;font-size:.75rem;font-weight:500}.ManageRemainder-module_mrReminderStatement__7Y0B-{border-radius:9999px;display:flex;padding:.5rem .75rem}.ManageRemainder-module_mrReminderStatementText__LodbK{font-size:.625rem;font-weight:500;letter-spacing:-.01em}.ManageRemainder-module_mrReminderDateFields__GT4N9{align-items:flex-start;display:flex;gap:1.5rem;width:100%}.ManageRemainder-module_mrReminderField__XBiO4{width:100%}.ManageRemainder-module_mrReminderFieldLabel__S9dXV{color:#3f3f46;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.ManageRemainder-module_mrReminderDatePicker__Vgbui{align-items:center;box-shadow:0 1px 2px 0 #0000000d;color:#3f3f46;display:flex;font-size:.75rem;gap:.75rem;height:1.75rem;justify-content:space-between}.ManageRemainder-module_mrReminderDueDate__7nawQ{align-items:center;background-color:#f1f5f9;border:.5px solid #cbd5e1;border-radius:0;color:#64748b;display:flex;font-size:.75rem;height:1.75rem;padding:0 .75rem}.ManageRemainder-module_mrReminderFrequency__Qq1qa{align-items:center;display:flex;gap:.5rem}.ManageRemainder-module_mrReminderFrequencyText__lGfl0{color:#374151;font-size:.75rem}.ManageRemainder-module_mrEscalationCheckbox__xZrG3{align-items:flex-start;border:1px solid #e5e7eb;border-radius:.25rem;color:#3f3f46;display:flex;flex-direction:column;font-size:.75rem;font-weight:500;gap:.5rem;padding:.5rem;width:100%}.ManageRemainder-module_mrEscalationCheckboxHeader__1GgFB{align-items:flex-start;display:flex;gap:.5rem;justify-content:flex-start;width:100%}.ManageRemainder-module_mrEscalationContent__ItAyr{display:flex;flex-direction:column;gap:.5rem;overflow:hidden;width:100%}.ManageRemainder-module_mrEscalationCondition__4GCeD{color:#3f3f46;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;line-height:1;margin-top:.75rem;width:100%}.ManageRemainder-module_mrEscalationFields__oFHp-{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem;gap:.625rem;width:100%}.ManageRemainder-module_mrEscalationFieldGroup__uES3-{display:flex;flex:1;gap:.75rem;min-width:130px}.ManageRemainder-module_mrEscalationFieldGroupLarge__MpVYP{flex:1;min-width:265px}.ManageRemainder-module_mrEscalationFieldGroupSmall__FFbRJ{display:flex;flex:1;min-width:88px}.ManageRemainder-module_mrEscalationFieldText__n7EfI{color:#3f3f46;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;line-height:1.5;min-width:152px}.ManageRemainder-module_mrDropdownButton__9wvGh{align-items:center;cursor:pointer;display:flex;justify-content:center}.ManageRemainder-module_mrCalendarPanel__PnMpt{flex-shrink:0;position:relative}.ManageRemainder-module_mrCalendarCollapsed__mb-bI{background-color:#fff;border:1px solid #b6c1ca;border-radius:10px;display:flex;height:100%;justify-content:center;padding-top:281px;width:43px}.ManageRemainder-module_mrCalendarToggle__9HIet{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:3rem;justify-content:center;left:-26px;position:absolute;top:50%;transform:translateY(-50%);width:2.25rem;z-index:10}@media (max-width:1024px){.ManageRemainder-module_mrMainContent__2gAUU{flex-direction:column;gap:1rem}.ManageRemainder-module_mrCalendarPanel__PnMpt{width:100%}.ManageRemainder-module_mrCalendarToggle__9HIet{display:none}}@media (max-width:768px){.ManageRemainder-module_mrContainer__kVgxT{gap:.5rem;margin-top:.5rem}.ManageRemainder-module_mrSectionBox__bEDtY{gap:.5rem;padding:.5rem}.ManageRemainder-module_mrActionsSection__in30u,.ManageRemainder-module_mrSectionHeaderContent__eKJWh{flex-direction:column}.ManageRemainder-module_mrActionButton__x9IEC{height:2rem}.ManageRemainder-module_mrReminderDateFields__GT4N9{flex-direction:column;gap:1rem}.ManageRemainder-module_mrReminderContent__yKbGS,.ManageRemainder-module_mrReminderItem__kwd0b{gap:.5rem}.ManageRemainder-module_mrEscalationFields__oFHp-{flex-direction:column}.ManageRemainder-module_mrEscalationFieldGroupLarge__MpVYP,.ManageRemainder-module_mrEscalationFieldGroupSmall__FFbRJ,.ManageRemainder-module_mrEscalationFieldGroup__uES3-{min-width:100%;width:100%}.ManageRemainder-module_mrEscalationFieldText__n7EfI{min-width:auto}.ManageRemainder-module_mrReminderLabelBox__KRi5V{width:100%}}button:focus{outline:2px solid #4f46e5;outline-offset:2px}button:active{opacity:.9}.ManageRemainder-module_mrHiddenSection__c67oj{overflow:hidden}.ManageRemainder-module_mrNoPointerEvents__OQbav{pointer-events:none}.ManageRemainder-module_mrPointerEventsAuto__0avRT{pointer-events:auto}.ManageRemainder-module_calendarContainer__N804t{background-color:#fff;border:1px solid #b6c1ca;border-radius:8px;height:100%;min-width:345px;padding:16px}.ManageRemainder-module_calendarHeader__BjE9o{align-items:center;display:flex;gap:6px;margin-bottom:24px}.ManageRemainder-module_calendarHeaderTitle__U8NmV{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:6px;line-height:20px}.ManageRemainder-module_calendarHeaderInfo__s05VQ{height:16px;width:16px}.ManageRemainder-module_monthNav__FBbyi{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.ManageRemainder-module_monthNavBtn__oor7V{align-items:center;background:none;border:1px solid #dce0e5;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px}.ManageRemainder-module_monthNavTitle__zgDDq{color:#14181f;font-size:15px;font-weight:600;margin:0}.ManageRemainder-module_weekdayHeader__XciP8{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.ManageRemainder-module_weekdayLabel__dDWJo{color:#6f7c8e;font-size:15px;font-weight:400;text-align:center}.ManageRemainder-module_dayGrid__dT0og{display:grid;gap:8px 11px;grid-template-columns:repeat(7,1fr);margin-top:16px}.ManageRemainder-module_dayCell__AGx-w{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:35px;justify-content:center}.ManageRemainder-module_dayCellPast__91hbu{background-color:#daf7d2}.ManageRemainder-module_dayCellToday__q8Wvi{border:2px solid #4f46e5}.ManageRemainder-module_dayNumber__6yOVW{font-size:14px}.ManageRemainder-module_dayNumberCurrent__6ML9j{color:#0f172a}.ManageRemainder-module_dayNumberOutside__JQ-t7{color:#94a3b8}.ManageRemainder-module_indicatorWrapper__5FOym{align-items:center;display:flex}.ManageRemainder-module_indicatorDot__ElweF{border-radius:50%;height:6px;width:6px}.ManageRemainder-module_indicatorDotOverlap__QPBRy{margin-left:-1px}.ManageRemainder-module_tooltipContent__ErzOu{background-color:#f8fafc;border-radius:8px;min-width:120px;padding:8px}.ManageRemainder-module_tooltipHeader__Q4qHO{border-bottom:1px solid #cbd5e1;margin-bottom:4px;padding-bottom:4px}.ManageRemainder-module_tooltipTitle__iZtI4{color:#0f172a;font-size:10px;font-weight:500;line-height:16px}.ManageRemainder-module_tooltipDate__ulMaQ{color:#334155;font-size:8px;font-weight:400;line-height:16px}.ManageRemainder-module_tooltipAssignees__jGc-Y{display:flex;flex-direction:column;gap:2px}.ManageRemainder-module_tooltipAssigneeRow__nzr3m{align-items:center;display:flex;gap:12px;justify-content:space-between}.ManageRemainder-module_tooltipAssigneeInfo__vIXTP{align-items:center;display:flex;gap:4px}.ManageRemainder-module_tooltipAssigneeDot__yz6E6{border-radius:50%;height:8px;width:8px}.ManageRemainder-module_tooltipAssigneeName__JJbid{color:#0f172a;font-size:9px;font-weight:400;line-height:16px}.ManageRemainder-module_tooltipAssigneeCount__49OVk{color:#0f172a;font-size:9px;font-weight:500;line-height:16px}.ManageRemainder-module_legendWrapper__OfxhE{align-items:flex-start;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:38px}.ManageRemainder-module_legendInner__iwIe7{align-items:flex-start;display:flex;flex-wrap:wrap;gap:5px;justify-content:space-evenly}.ManageRemainder-module_legendItem__zbxBG{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:4px;padding:4px 8px}.ManageRemainder-module_legendItemAssignee1__I6F-D{background-color:#fdf2f8;border:1px solid #be185d}.ManageRemainder-module_legendItemAssignee2__YObVW{background-color:#eef2ff;border:1px solid #4338ca}.ManageRemainder-module_legendItemAssignee3__uCkBW{background-color:#fff7ed;border:1px solid #f87171;justify-content:center}.ManageRemainder-module_legendLabel__Va4Sw{font-size:12px;font-weight:500}.ManageRemainder-module_legendLabelAssignee1__vG-F4{color:#be185d}.ManageRemainder-module_legendLabelAssignee2__CbGVb{color:#4338ca}.ManageRemainder-module_legendLabelAssignee3__cz-57{color:#f87171}.ManageRemainder-module_checkboxIconUnchecked__xoI0S{background-color:#fff;border:1px solid #d0d5dd;border-radius:4px;height:16px;width:16px}.ManageRemainder-module_checkboxIconChecked__Y3mN2{align-items:center;background-color:#fff;border-radius:4px;display:flex;height:16px;justify-content:center;width:16px}.ManageRemainder-module_checkboxIconCheckedAssignee1__817aZ{border:1px solid #c11574}.ManageRemainder-module_checkboxIconCheckedAssignee2__hTAKp{border:1px solid #3538cd}.ManageRemainder-module_checkboxIconCheckedAssignee3__hQwwN{border:1px solid #ff6058}.ManageRemainder-module_checkboxCheckSvg__R87mg{height:10px;width:10px}.ManageRemainder-module_bottomLegend__rRzkt{align-items:center;display:inline-flex;gap:24px;margin-left:4px;margin-top:16px}.ManageRemainder-module_bottomLegendItem__u90vA{align-items:center;display:flex;gap:4px}.ManageRemainder-module_bottomLegendSwatch__9uu1M{border-radius:2px;height:12px;width:12px}.ManageRemainder-module_bottomLegendSwatchPast__-DcRZ{background-color:#daf7d2}.ManageRemainder-module_bottomLegendSwatchFailed__9lK2I{background-color:#fecaca}.ManageRemainder-module_bottomLegendLabel__9eDD-{color:#334155;font-size:12px;font-weight:500}"));const n=document.head||document.getElementsByTagName("head")[0]||document.documentElement;n&&n.appendChild(e)}();export{e as default};
+import e from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js";var a={mrContainer:"ManageRemainder-module_mrContainer__kVgxT",mrSectionBox:"ManageRemainder-module_mrSectionBox__bEDtY",mrSectionHeader:"ManageRemainder-module_mrSectionHeader__5k1HQ",mrSectionHeaderContent:"ManageRemainder-module_mrSectionHeaderContent__eKJWh",mrSectionHeaderLeft:"ManageRemainder-module_mrSectionHeaderLeft__I-hzD",mrSectionHeaderRight:"ManageRemainder-module_mrSectionHeaderRight__W-BY3",mrSectionTitleWrapper:"ManageRemainder-module_mrSectionTitleWrapper__NA6i-",mrSectionTitleIcon:"ManageRemainder-module_mrSectionTitleIcon__6pWZz",mrSectionTitle:"ManageRemainder-module_mrSectionTitle__BPAU2",mrSectionDescription:"ManageRemainder-module_mrSectionDescription__HdkjC",mrIconSmall:"ManageRemainder-module_mrIconSmall__kbiWd",mrIconInfo:"ManageRemainder-module_mrIconInfo__U8Ylz",mrIconArrow:"ManageRemainder-module_mrIconArrow__wMp9q",mrIconAction:"ManageRemainder-module_mrIconAction__l9uVi",mrIconPreview:"ManageRemainder-module_mrIconPreview__oYo84",mrIconCalendar:"ManageRemainder-module_mrIconCalendar__2gaaf",mrIconChevronToggle:"ManageRemainder-module_mrIconChevronToggle__LjUy1",mrIconDropdown:"ManageRemainder-module_mrIconDropdown__-heGj",mrIconSuccess:"ManageRemainder-module_mrIconSuccess__EMJrR",mrChevronButton:"ManageRemainder-module_mrChevronButton__QKLsI",mrChevronIcon:"ManageRemainder-module_mrChevronIcon__CxLkq",mrChevronRotated:"ManageRemainder-module_mrChevronRotated__NL7Ho",mrSuccessMessage:"ManageRemainder-module_mrSuccessMessage__4N0gO",mrSuccessIcon:"ManageRemainder-module_mrSuccessIcon__PsybU",mrSuccessIconInner:"ManageRemainder-module_mrSuccessIconInner__yEl8-",mrSuccessText:"ManageRemainder-module_mrSuccessText__-hXJh",mrSuccessTitle:"ManageRemainder-module_mrSuccessTitle__Zakof",mrSuccessDescription:"ManageRemainder-module_mrSuccessDescription__-r7A8",mrHiddenSection:"ManageRemainder-module_mrHiddenSection__c67oj",mrRecipientsSection:"ManageRemainder-module_mrRecipientsSection__L0f1k",mrRecipientsLabel:"ManageRemainder-module_mrRecipientsLabel__Escta",mrRecipientsGrid:"ManageRemainder-module_mrRecipientsGrid__-7giX",mrRecipientItem:"ManageRemainder-module_mrRecipientItem__C0uw5",mrRecipientInfo:"ManageRemainder-module_mrRecipientInfo__djuEp",mrRecipientAvatar:"ManageRemainder-module_mrRecipientAvatar__g6YDo",mrRecipientName:"ManageRemainder-module_mrRecipientName__gFCJU",mrCheckboxUnchecked:"ManageRemainder-module_mrCheckboxUnchecked__j0wYE",mrCheckboxChecked:"ManageRemainder-module_mrCheckboxChecked__TowNb",mrCheckboxIcon:"ManageRemainder-module_mrCheckboxIcon__RVL-V",mrActionsSection:"ManageRemainder-module_mrActionsSection__in30u",mrActionButton:"ManageRemainder-module_mrActionButton__x9IEC",mrActionButtonSecondary:"ManageRemainder-module_mrActionButtonSecondary__GBvpQ",mrActionButtonPrimary:"ManageRemainder-module_mrActionButtonPrimary__vRNbF",mrMainContent:"ManageRemainder-module_mrMainContent__2gAUU",mrEscalationContainer:"ManageRemainder-module_mrEscalationContainer__V4PfB",mrEscalationHeaderWrapper:"ManageRemainder-module_mrEscalationHeaderWrapper__vOg2K",mrEscalationHeader:"ManageRemainder-module_mrEscalationHeader__sV-tw",mrEscalationTitleWrapper:"ManageRemainder-module_mrEscalationTitleWrapper__G90xv",mrEscalationTitleText:"ManageRemainder-module_mrEscalationTitleText__X233z",mrTooltipIcon:"ManageRemainder-module_mrTooltipIcon__QpPGO",mrEscalationActions:"ManageRemainder-module_mrEscalationActions__RoHhx",mrEscalationPreviewButton:"ManageRemainder-module_mrEscalationPreviewButton__68J90",mrEscalationPreviewIcon:"ManageRemainder-module_mrEscalationPreviewIcon__KNa9K",mrEscalationPreviewText:"ManageRemainder-module_mrEscalationPreviewText__FM5S5",mrEscalationDescription:"ManageRemainder-module_mrEscalationDescription__z-3q8",mrReorderGroup:"ManageRemainder-module_mrReorderGroup__sLaAn",mrReminderItem:"ManageRemainder-module_mrReminderItem__kwd0b",mrReminderLabelBox:"ManageRemainder-module_mrReminderLabelBox__KRi5V",mrReminderLabelInner:"ManageRemainder-module_mrReminderLabelInner__GuTh-",mrReminderContent:"ManageRemainder-module_mrReminderContent__yKbGS",mrDragHandle:"ManageRemainder-module_mrDragHandle__4Lz8t",mrReminderBox:"ManageRemainder-module_mrReminderBox__ur54z",mrReminderFields:"ManageRemainder-module_mrReminderFields__yQROF",mrReminderHeader:"ManageRemainder-module_mrReminderHeader__wMUF6",mrReminderAssignee:"ManageRemainder-module_mrReminderAssignee__0p1Gb",mrReminderAvatar:"ManageRemainder-module_mrReminderAvatar__6KM5V",mrReminderInitials:"ManageRemainder-module_mrReminderInitials__bUFkd",mrReminderName:"ManageRemainder-module_mrReminderName__zjceM",mrReminderStatement:"ManageRemainder-module_mrReminderStatement__7Y0B-",mrReminderStatementText:"ManageRemainder-module_mrReminderStatementText__LodbK",mrReminderDateFields:"ManageRemainder-module_mrReminderDateFields__GT4N9",mrReminderField:"ManageRemainder-module_mrReminderField__XBiO4",mrReminderFieldLabel:"ManageRemainder-module_mrReminderFieldLabel__S9dXV",mrReminderDatePicker:"ManageRemainder-module_mrReminderDatePicker__Vgbui",mrReminderDueDate:"ManageRemainder-module_mrReminderDueDate__7nawQ",mrReminderFrequency:"ManageRemainder-module_mrReminderFrequency__Qq1qa",mrReminderFrequencyText:"ManageRemainder-module_mrReminderFrequencyText__lGfl0",mrEscalationCheckbox:"ManageRemainder-module_mrEscalationCheckbox__xZrG3",mrEscalationCheckboxHeader:"ManageRemainder-module_mrEscalationCheckboxHeader__1GgFB",mrEscalationContent:"ManageRemainder-module_mrEscalationContent__ItAyr",mrEscalationCondition:"ManageRemainder-module_mrEscalationCondition__4GCeD",mrEscalationFields:"ManageRemainder-module_mrEscalationFields__oFHp-",mrEscalationFieldGroup:"ManageRemainder-module_mrEscalationFieldGroup__uES3-",mrEscalationFieldGroupLarge:"ManageRemainder-module_mrEscalationFieldGroupLarge__MpVYP",mrEscalationFieldGroupSmall:"ManageRemainder-module_mrEscalationFieldGroupSmall__FFbRJ",mrEscalationFieldText:"ManageRemainder-module_mrEscalationFieldText__n7EfI",mrDropdownButton:"ManageRemainder-module_mrDropdownButton__9wvGh",mrCalendarPanel:"ManageRemainder-module_mrCalendarPanel__PnMpt",mrCalendarCollapsed:"ManageRemainder-module_mrCalendarCollapsed__mb-bI",mrCalendarToggle:"ManageRemainder-module_mrCalendarToggle__9HIet",mrNoPointerEvents:"ManageRemainder-module_mrNoPointerEvents__OQbav",mrPointerEventsAuto:"ManageRemainder-module_mrPointerEventsAuto__0avRT",calendarContainer:"ManageRemainder-module_calendarContainer__N804t",calendarHeader:"ManageRemainder-module_calendarHeader__BjE9o",calendarHeaderTitle:"ManageRemainder-module_calendarHeaderTitle__U8NmV",calendarHeaderInfo:"ManageRemainder-module_calendarHeaderInfo__s05VQ",monthNav:"ManageRemainder-module_monthNav__FBbyi",monthNavBtn:"ManageRemainder-module_monthNavBtn__oor7V",monthNavTitle:"ManageRemainder-module_monthNavTitle__zgDDq",weekdayHeader:"ManageRemainder-module_weekdayHeader__XciP8",weekdayLabel:"ManageRemainder-module_weekdayLabel__dDWJo",dayGrid:"ManageRemainder-module_dayGrid__dT0og",dayCell:"ManageRemainder-module_dayCell__AGx-w",dayCellPast:"ManageRemainder-module_dayCellPast__91hbu",dayCellToday:"ManageRemainder-module_dayCellToday__q8Wvi",dayNumber:"ManageRemainder-module_dayNumber__6yOVW",dayNumberCurrent:"ManageRemainder-module_dayNumberCurrent__6ML9j",dayNumberOutside:"ManageRemainder-module_dayNumberOutside__JQ-t7",indicatorWrapper:"ManageRemainder-module_indicatorWrapper__5FOym",indicatorDot:"ManageRemainder-module_indicatorDot__ElweF",indicatorDotOverlap:"ManageRemainder-module_indicatorDotOverlap__QPBRy",tooltipContent:"ManageRemainder-module_tooltipContent__ErzOu",tooltipHeader:"ManageRemainder-module_tooltipHeader__Q4qHO",tooltipTitle:"ManageRemainder-module_tooltipTitle__iZtI4",tooltipDate:"ManageRemainder-module_tooltipDate__ulMaQ",tooltipAssignees:"ManageRemainder-module_tooltipAssignees__jGc-Y",tooltipAssigneeRow:"ManageRemainder-module_tooltipAssigneeRow__nzr3m",tooltipAssigneeInfo:"ManageRemainder-module_tooltipAssigneeInfo__vIXTP",tooltipAssigneeDot:"ManageRemainder-module_tooltipAssigneeDot__yz6E6",tooltipAssigneeName:"ManageRemainder-module_tooltipAssigneeName__JJbid",tooltipAssigneeCount:"ManageRemainder-module_tooltipAssigneeCount__49OVk",legendWrapper:"ManageRemainder-module_legendWrapper__OfxhE",legendInner:"ManageRemainder-module_legendInner__iwIe7",legendItem:"ManageRemainder-module_legendItem__zbxBG",legendItemAssignee1:"ManageRemainder-module_legendItemAssignee1__I6F-D",legendItemAssignee2:"ManageRemainder-module_legendItemAssignee2__YObVW",legendItemAssignee3:"ManageRemainder-module_legendItemAssignee3__uCkBW",legendLabel:"ManageRemainder-module_legendLabel__Va4Sw",legendLabelAssignee1:"ManageRemainder-module_legendLabelAssignee1__vG-F4",legendLabelAssignee2:"ManageRemainder-module_legendLabelAssignee2__CbGVb",legendLabelAssignee3:"ManageRemainder-module_legendLabelAssignee3__cz-57",checkboxIconUnchecked:"ManageRemainder-module_checkboxIconUnchecked__xoI0S",checkboxIconChecked:"ManageRemainder-module_checkboxIconChecked__Y3mN2",checkboxIconCheckedAssignee1:"ManageRemainder-module_checkboxIconCheckedAssignee1__817aZ",checkboxIconCheckedAssignee2:"ManageRemainder-module_checkboxIconCheckedAssignee2__hTAKp",checkboxIconCheckedAssignee3:"ManageRemainder-module_checkboxIconCheckedAssignee3__hQwwN",checkboxCheckSvg:"ManageRemainder-module_checkboxCheckSvg__R87mg",bottomLegend:"ManageRemainder-module_bottomLegend__rRzkt",bottomLegendItem:"ManageRemainder-module_bottomLegendItem__u90vA",bottomLegendSwatch:"ManageRemainder-module_bottomLegendSwatch__9uu1M",bottomLegendSwatchPast:"ManageRemainder-module_bottomLegendSwatchPast__-DcRZ",bottomLegendSwatchFailed:"ManageRemainder-module_bottomLegendSwatchFailed__9lK2I",bottomLegendLabel:"ManageRemainder-module_bottomLegendLabel__9eDD-"};e(".ManageRemainder-module_mrContainer__kVgxT{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-top:1rem}.ManageRemainder-module_mrSectionBox__bEDtY{border:1px solid #b6c1ca;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:.75rem;width:100%}.ManageRemainder-module_mrSectionHeader__5k1HQ{display:flex;flex-direction:column;gap:.25rem}.ManageRemainder-module_mrSectionHeaderContent__eKJWh{display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;width:100%}.ManageRemainder-module_mrSectionHeaderLeft__I-hzD{display:flex;flex-direction:column;gap:.25rem}.ManageRemainder-module_mrSectionHeaderRight__W-BY3{align-items:center;display:flex;gap:.25rem;justify-content:flex-start}.ManageRemainder-module_mrSectionTitleWrapper__NA6i-{align-items:center;display:flex;gap:.5rem}.ManageRemainder-module_mrSectionTitleIcon__6pWZz{align-items:center;display:flex;height:.75rem;justify-content:center;width:.75rem}.ManageRemainder-module_mrSectionTitle__BPAU2{color:#334155;font-size:.875rem;font-weight:600}.ManageRemainder-module_mrSectionDescription__HdkjC{color:#334155;font-size:.75rem;font-weight:400}.ManageRemainder-module_mrIconSmall__kbiWd{color:#334155;height:.75rem;width:.75rem}.ManageRemainder-module_mrIconInfo__U8Ylz{color:#64748b;height:1rem;width:1rem}.ManageRemainder-module_mrIconArrow__wMp9q{stroke:#334155;height:.75rem;width:.75rem}.ManageRemainder-module_mrIconAction__l9uVi{height:1rem;width:1rem}.ManageRemainder-module_mrIconPreview__oYo84{stroke:#64748b;height:1rem;width:1rem}.ManageRemainder-module_mrIconCalendar__2gaaf{color:#1e293b;height:1.25rem;width:1.25rem}.ManageRemainder-module_mrIconChevronToggle__LjUy1{color:#4f46e5;height:1rem;position:fixed;width:1rem}.ManageRemainder-module_mrIconDropdown__-heGj{height:.75rem;width:.75rem}.ManageRemainder-module_mrIconSuccess__EMJrR{color:#16a34a;height:1.5rem;width:1.5rem}.ManageRemainder-module_mrChevronButton__QKLsI{align-items:center;display:flex;justify-content:center}.ManageRemainder-module_mrChevronIcon__CxLkq{height:1.25rem;transition:transform .2s ease;width:1.25rem}.ManageRemainder-module_mrChevronIcon__CxLkq.ManageRemainder-module_mrChevronRotated__NL7Ho{transform:rotate(180deg)}.ManageRemainder-module_mrSuccessMessage__4N0gO{align-items:center;display:inline-flex;flex-direction:column;gap:.75rem;width:100%}.ManageRemainder-module_mrSuccessIcon__PsybU{align-items:center;background-color:#dcfce7;border-radius:9999px;box-shadow:0 0 0 4px #fff;display:flex;height:3rem;justify-content:center;width:3rem}.ManageRemainder-module_mrSuccessIconInner__yEl8-{height:1.5rem;position:relative;width:1.5rem}.ManageRemainder-module_mrSuccessText__-hXJh{align-items:center;display:flex;flex-direction:column;gap:.25rem;text-align:center}.ManageRemainder-module_mrSuccessTitle__Zakof{color:#166534;font-size:1rem;font-weight:500;line-height:1.5}.ManageRemainder-module_mrSuccessDescription__-r7A8{color:#22c55e;font-size:.875rem;font-weight:400;line-height:1.25}.ManageRemainder-module_mrRecipientsSection__L0f1k{display:flex;flex-direction:column;gap:.5rem}.ManageRemainder-module_mrRecipientsLabel__Escta{color:#3f3f46;font-size:.75rem;font-weight:500}.ManageRemainder-module_mrRecipientsGrid__-7giX{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.ManageRemainder-module_mrRecipientItem__C0uw5{align-items:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;display:flex;gap:.5rem;padding:.25rem .5rem}.ManageRemainder-module_mrRecipientInfo__djuEp{align-items:center;display:flex;gap:.5rem}.ManageRemainder-module_mrRecipientAvatar__g6YDo{align-items:center;border-radius:9999px;display:flex;font-size:.6875rem;font-weight:500;height:1.5rem;justify-content:center;width:1.5rem}.ManageRemainder-module_mrRecipientName__gFCJU{color:#3f3f46;font-size:.875rem}.ManageRemainder-module_mrCheckboxUnchecked__j0wYE{background-color:#fff;border:1px solid #d0d5dd;border-radius:.25rem;height:1rem;width:1rem}.ManageRemainder-module_mrCheckboxChecked__TowNb{align-items:center;background-color:#fff;border:1px solid #6938ef;border-radius:.25rem;display:flex;height:1rem;justify-content:center;width:1rem}.ManageRemainder-module_mrCheckboxIcon__RVL-V{height:.625rem;width:.625rem}.ManageRemainder-module_mrActionsSection__in30u{display:flex;gap:.75rem}.ManageRemainder-module_mrActionButton__x9IEC{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;flex:1;font-size:.875rem;font-weight:500;gap:.5rem;height:2.25rem;justify-content:center}.ManageRemainder-module_mrActionButtonSecondary__GBvpQ{background-color:#fff;border:1px solid #a5b4fc;color:#4f46e5}.ManageRemainder-module_mrActionButtonSecondary__GBvpQ:hover{background-color:#f3f4f6}.ManageRemainder-module_mrActionButtonPrimary__vRNbF{background-color:#4f46e5;color:#fff}.ManageRemainder-module_mrActionButtonPrimary__vRNbF:hover{background-color:#4338ca}.ManageRemainder-module_mrMainContent__2gAUU{display:flex;flex-direction:row;gap:1.75rem;width:100%}.ManageRemainder-module_mrEscalationContainer__V4PfB{background-color:hsla(0,0%,100%,.7);border-radius:10px;display:flex;flex:1;flex-direction:column;gap:.75rem;min-width:0;outline:1px solid #b6c1ca;outline-offset:-1px;padding:.75rem}.ManageRemainder-module_mrEscalationHeaderWrapper__vOg2K{cursor:pointer;display:flex;flex-direction:column;gap:.25rem;justify-content:space-between}.ManageRemainder-module_mrEscalationHeader__sV-tw{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.ManageRemainder-module_mrEscalationTitleWrapper__G90xv{align-items:center;display:flex;gap:.5rem}.ManageRemainder-module_mrEscalationTitleText__X233z{color:#3f3f46;font-size:.875rem;font-weight:600;line-height:1.25}.ManageRemainder-module_mrTooltipIcon__QpPGO{height:1rem;overflow:hidden;position:relative;width:1rem}.ManageRemainder-module_mrEscalationActions__RoHhx{align-items:center;display:flex;gap:.5rem}.ManageRemainder-module_mrEscalationPreviewButton__68J90{align-items:center;background-color:#fff;border:none;border-radius:1.29rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);cursor:pointer;display:flex;gap:.375rem;height:1.75rem;outline:.54px solid #d1d5db;outline-offset:-.54px;padding:.375rem .875rem}.ManageRemainder-module_mrEscalationPreviewIcon__KNa9K{height:1rem;overflow:hidden;position:relative;width:1rem}.ManageRemainder-module_mrEscalationPreviewText__FM5S5{color:#6b7280;font-size:.75rem;font-weight:400;line-height:1rem}.ManageRemainder-module_mrEscalationDescription__z-3q8{color:#334155;font-size:.75rem;font-weight:400}.ManageRemainder-module_mrReorderGroup__sLaAn{display:flex;flex-direction:column;gap:1.5rem}.ManageRemainder-module_mrReminderItem__kwd0b{display:flex;gap:1rem;justify-content:space-between;width:100%}.ManageRemainder-module_mrReminderLabelBox__KRi5V{display:flex;flex-shrink:0;justify-content:center;width:90px}.ManageRemainder-module_mrReminderLabelInner__GuTh-{align-items:center;display:flex}.ManageRemainder-module_mrReminderContent__yKbGS{align-items:center;display:flex;gap:1rem;width:100%}.ManageRemainder-module_mrDragHandle__4Lz8t{align-items:center;cursor:grab;display:flex;gap:.75rem}.ManageRemainder-module_mrReminderBox__ur54z{border-radius:.75rem;padding:.5rem;width:100%}.ManageRemainder-module_mrReminderFields__yQROF{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;width:100%}.ManageRemainder-module_mrReminderHeader__wMUF6{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;width:100%}.ManageRemainder-module_mrReminderAssignee__0p1Gb{align-items:center;display:flex;gap:.75rem}.ManageRemainder-module_mrReminderAvatar__6KM5V{align-items:center;background-color:#dbeafe;border-radius:9999px;display:flex;height:1.75rem;justify-content:center;width:1.75rem}.ManageRemainder-module_mrReminderInitials__bUFkd{color:#1e40af;font-size:.625rem;font-weight:500}.ManageRemainder-module_mrReminderName__zjceM{color:#1f2937;font-size:.75rem;font-weight:500}.ManageRemainder-module_mrReminderStatement__7Y0B-{border-radius:9999px;display:flex;padding:.5rem .75rem}.ManageRemainder-module_mrReminderStatementText__LodbK{font-size:.625rem;font-weight:500;letter-spacing:-.01em}.ManageRemainder-module_mrReminderDateFields__GT4N9{align-items:flex-start;display:flex;gap:1.5rem;width:100%}.ManageRemainder-module_mrReminderField__XBiO4{width:100%}.ManageRemainder-module_mrReminderFieldLabel__S9dXV{color:#3f3f46;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.ManageRemainder-module_mrReminderDatePicker__Vgbui{align-items:center;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:#3f3f46;display:flex;font-size:.75rem;gap:.75rem;height:1.75rem;justify-content:space-between}.ManageRemainder-module_mrReminderDueDate__7nawQ{align-items:center;background-color:#f1f5f9;border:.5px solid #cbd5e1;border-radius:0;color:#64748b;display:flex;font-size:.75rem;height:1.75rem;padding:0 .75rem}.ManageRemainder-module_mrReminderFrequency__Qq1qa{align-items:center;display:flex;gap:.5rem}.ManageRemainder-module_mrReminderFrequencyText__lGfl0{color:#374151;font-size:.75rem}.ManageRemainder-module_mrEscalationCheckbox__xZrG3{align-items:flex-start;border:1px solid #e5e7eb;border-radius:.25rem;color:#3f3f46;display:flex;flex-direction:column;font-size:.75rem;font-weight:500;gap:.5rem;padding:.5rem;width:100%}.ManageRemainder-module_mrEscalationCheckboxHeader__1GgFB{align-items:flex-start;display:flex;gap:.5rem;justify-content:flex-start;width:100%}.ManageRemainder-module_mrEscalationContent__ItAyr{display:flex;flex-direction:column;gap:.5rem;overflow:hidden;width:100%}.ManageRemainder-module_mrEscalationCondition__4GCeD{color:#3f3f46;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;line-height:1;margin-top:.75rem;width:100%}.ManageRemainder-module_mrEscalationFields__oFHp-{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem;gap:.625rem;width:100%}.ManageRemainder-module_mrEscalationFieldGroup__uES3-{display:flex;flex:1;gap:.75rem;min-width:130px}.ManageRemainder-module_mrEscalationFieldGroupLarge__MpVYP{flex:1;min-width:265px}.ManageRemainder-module_mrEscalationFieldGroupSmall__FFbRJ{display:flex;flex:1;min-width:88px}.ManageRemainder-module_mrEscalationFieldText__n7EfI{color:#3f3f46;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;line-height:1.5;min-width:152px}.ManageRemainder-module_mrDropdownButton__9wvGh{align-items:center;cursor:pointer;display:flex;justify-content:center}.ManageRemainder-module_mrCalendarPanel__PnMpt{flex-shrink:0;position:relative}.ManageRemainder-module_mrCalendarCollapsed__mb-bI{background-color:#fff;border:1px solid #b6c1ca;border-radius:10px;display:flex;height:100%;justify-content:center;padding-top:281px;width:43px}.ManageRemainder-module_mrCalendarToggle__9HIet{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:3rem;justify-content:center;left:-26px;position:absolute;top:50%;transform:translateY(-50%);width:2.25rem;z-index:10}@media (max-width:1024px){.ManageRemainder-module_mrMainContent__2gAUU{flex-direction:column;gap:1rem}.ManageRemainder-module_mrCalendarPanel__PnMpt{width:100%}.ManageRemainder-module_mrCalendarToggle__9HIet{display:none}}@media (max-width:768px){.ManageRemainder-module_mrContainer__kVgxT{gap:.5rem;margin-top:.5rem}.ManageRemainder-module_mrSectionBox__bEDtY{gap:.5rem;padding:.5rem}.ManageRemainder-module_mrActionsSection__in30u,.ManageRemainder-module_mrSectionHeaderContent__eKJWh{flex-direction:column}.ManageRemainder-module_mrActionButton__x9IEC{height:2rem}.ManageRemainder-module_mrReminderDateFields__GT4N9{flex-direction:column;gap:1rem}.ManageRemainder-module_mrReminderContent__yKbGS,.ManageRemainder-module_mrReminderItem__kwd0b{gap:.5rem}.ManageRemainder-module_mrEscalationFields__oFHp-{flex-direction:column}.ManageRemainder-module_mrEscalationFieldGroupLarge__MpVYP,.ManageRemainder-module_mrEscalationFieldGroupSmall__FFbRJ,.ManageRemainder-module_mrEscalationFieldGroup__uES3-{min-width:100%;width:100%}.ManageRemainder-module_mrEscalationFieldText__n7EfI{min-width:auto}.ManageRemainder-module_mrReminderLabelBox__KRi5V{width:100%}}button:focus{outline:2px solid #4f46e5;outline-offset:2px}button:active{opacity:.9}.ManageRemainder-module_mrHiddenSection__c67oj{overflow:hidden}.ManageRemainder-module_mrNoPointerEvents__OQbav{pointer-events:none}.ManageRemainder-module_mrPointerEventsAuto__0avRT{pointer-events:auto}.ManageRemainder-module_calendarContainer__N804t{background-color:#fff;border:1px solid #b6c1ca;border-radius:8px;height:100%;min-width:345px;padding:16px}.ManageRemainder-module_calendarHeader__BjE9o{align-items:center;display:flex;gap:6px;margin-bottom:24px}.ManageRemainder-module_calendarHeaderTitle__U8NmV{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:6px;line-height:20px}.ManageRemainder-module_calendarHeaderInfo__s05VQ{height:16px;width:16px}.ManageRemainder-module_monthNav__FBbyi{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.ManageRemainder-module_monthNavBtn__oor7V{align-items:center;background:none;border:1px solid #dce0e5;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px}.ManageRemainder-module_monthNavTitle__zgDDq{color:#14181f;font-size:15px;font-weight:600;margin:0}.ManageRemainder-module_weekdayHeader__XciP8{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.ManageRemainder-module_weekdayLabel__dDWJo{color:#6f7c8e;font-size:15px;font-weight:400;text-align:center}.ManageRemainder-module_dayGrid__dT0og{display:grid;gap:8px 11px;grid-template-columns:repeat(7,1fr);margin-top:16px}.ManageRemainder-module_dayCell__AGx-w{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:35px;justify-content:center}.ManageRemainder-module_dayCellPast__91hbu{background-color:#daf7d2}.ManageRemainder-module_dayCellToday__q8Wvi{border:2px solid #4f46e5}.ManageRemainder-module_dayNumber__6yOVW{font-size:14px}.ManageRemainder-module_dayNumberCurrent__6ML9j{color:#0f172a}.ManageRemainder-module_dayNumberOutside__JQ-t7{color:#94a3b8}.ManageRemainder-module_indicatorWrapper__5FOym{align-items:center;display:flex}.ManageRemainder-module_indicatorDot__ElweF{border-radius:50%;height:6px;width:6px}.ManageRemainder-module_indicatorDotOverlap__QPBRy{margin-left:-1px}.ManageRemainder-module_tooltipContent__ErzOu{background-color:#f8fafc;border-radius:8px;min-width:120px;padding:8px}.ManageRemainder-module_tooltipHeader__Q4qHO{border-bottom:1px solid #cbd5e1;margin-bottom:4px;padding-bottom:4px}.ManageRemainder-module_tooltipTitle__iZtI4{color:#0f172a;font-size:10px;font-weight:500;line-height:16px}.ManageRemainder-module_tooltipDate__ulMaQ{color:#334155;font-size:8px;font-weight:400;line-height:16px}.ManageRemainder-module_tooltipAssignees__jGc-Y{display:flex;flex-direction:column;gap:2px}.ManageRemainder-module_tooltipAssigneeRow__nzr3m{align-items:center;display:flex;gap:12px;justify-content:space-between}.ManageRemainder-module_tooltipAssigneeInfo__vIXTP{align-items:center;display:flex;gap:4px}.ManageRemainder-module_tooltipAssigneeDot__yz6E6{border-radius:50%;height:8px;width:8px}.ManageRemainder-module_tooltipAssigneeName__JJbid{color:#0f172a;font-size:9px;font-weight:400;line-height:16px}.ManageRemainder-module_tooltipAssigneeCount__49OVk{color:#0f172a;font-size:9px;font-weight:500;line-height:16px}.ManageRemainder-module_legendWrapper__OfxhE{align-items:flex-start;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:38px}.ManageRemainder-module_legendInner__iwIe7{align-items:flex-start;display:flex;flex-wrap:wrap;gap:5px;justify-content:space-evenly}.ManageRemainder-module_legendItem__zbxBG{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:4px;padding:4px 8px}.ManageRemainder-module_legendItemAssignee1__I6F-D{background-color:#fdf2f8;border:1px solid #be185d}.ManageRemainder-module_legendItemAssignee2__YObVW{background-color:#eef2ff;border:1px solid #4338ca}.ManageRemainder-module_legendItemAssignee3__uCkBW{background-color:#fff7ed;border:1px solid #f87171;justify-content:center}.ManageRemainder-module_legendLabel__Va4Sw{font-size:12px;font-weight:500}.ManageRemainder-module_legendLabelAssignee1__vG-F4{color:#be185d}.ManageRemainder-module_legendLabelAssignee2__CbGVb{color:#4338ca}.ManageRemainder-module_legendLabelAssignee3__cz-57{color:#f87171}.ManageRemainder-module_checkboxIconUnchecked__xoI0S{background-color:#fff;border:1px solid #d0d5dd;border-radius:4px;height:16px;width:16px}.ManageRemainder-module_checkboxIconChecked__Y3mN2{align-items:center;background-color:#fff;border-radius:4px;display:flex;height:16px;justify-content:center;width:16px}.ManageRemainder-module_checkboxIconCheckedAssignee1__817aZ{border:1px solid #c11574}.ManageRemainder-module_checkboxIconCheckedAssignee2__hTAKp{border:1px solid #3538cd}.ManageRemainder-module_checkboxIconCheckedAssignee3__hQwwN{border:1px solid #ff6058}.ManageRemainder-module_checkboxCheckSvg__R87mg{height:10px;width:10px}.ManageRemainder-module_bottomLegend__rRzkt{align-items:center;display:inline-flex;gap:24px;margin-left:4px;margin-top:16px}.ManageRemainder-module_bottomLegendItem__u90vA{align-items:center;display:flex;gap:4px}.ManageRemainder-module_bottomLegendSwatch__9uu1M{border-radius:2px;height:12px;width:12px}.ManageRemainder-module_bottomLegendSwatchPast__-DcRZ{background-color:#daf7d2}.ManageRemainder-module_bottomLegendSwatchFailed__9lK2I{background-color:#fecaca}.ManageRemainder-module_bottomLegendLabel__9eDD-{color:#334155;font-size:12px;font-weight:500}");export{a as default};
 //# sourceMappingURL=ManageRemainder.module.css.js.map

package/dist/features/ManageRemainders/ManageReminders.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsxs as i,jsx as n}from"react/jsx-runtime";import{useState as a,useEffect as r}from"react";import{Send as t,ChevronDown as o,CircleCheckBigIcon as c,Mail as l,InfoIcon as s,ArrowRight as d,CalendarIcon as m,ChevronRight as u,ChevronLeft as v}from"lucide-react";import h from"@mui/material/Checkbox";import{Chip as p,Box as f,Autocomplete as N,TextField as g}from"@mui/material";import{useDragControls as b,AnimatePresence as y,motion as x,Reorder as C}from"framer-motion";import k from"@mui/icons-material/DragIndicator";import{LocalizationProvider as F,DatePicker as R}from"@mui/x-date-pickers";import{AdapterDayjs as D}from"@mui/x-date-pickers/AdapterDayjs";import w from"./ReminderFrequencyAutocomplete.js";import S from"./AssigneeCalendarView.js";import E from"dayjs";import I from"./ManageRemainder.module.css.js";var _=["Assignee 1","Assignee 2","Assignee 3"],A=[{bg:"#FDF2FA",text:"#C11574"},{bg:"#EEF4FF",text:"#3538CD"},{bg:"#F1F5F9",text:"#344054"}],B=[{bg:"#FDF2FA",text:"#C93185"},{bg:"#EEF2FF",text:"#6366F1"},{bg:"#FFF4E5",text:"#FF6058"}],T=[{id:"1",name:"Assignee 1",color:"#C11574",bg:"#FDF2F8",startDate:new Date("2026-11-09"),dueDate:new Date("2026-12-01")},{id:"2",name:"Assignee 2",color:"#3538CD",bg:"#EEF4FF",startDate:new Date("2026-11-21"),dueDate:new Date("2026-12-03")},{id:"3",name:"Assignee 3",color:"#FF6058",bg:"#FFF7ED",startDate:new Date("2026-12-01"),dueDate:new Date("2026-12-03")}],L=[{bg:"#DBEAFE",text:"#1E40AF"},{bg:"#CCFBF1",text:"#0D9488"},{bg:"#DCFCE7",text:"#166534"}],P=[{initials:"OR",name:"Olivia Rhye",checked:!1,bg:"bg-blue-100",text:"text-blue-700"},{initials:"DM",name:"Daniela Mark",checked:!1,bg:"bg-cyan-100",text:"text-teal-700"},{initials:"JB",name:"Jenna Beckner",checked:!1,bg:"bg-emerald-100",text:"text-emerald-600"}],O=function(e){var i,n,a,r,t,o,c,l;return(null==e?void 0:e.is_escalation_reminder)&&(null===(i=null==e?void 0:e.days)||void 0===i?void 0:i.value)&&"undefined"!==(null===(n=null==e?void 0:e.days)||void 0===n?void 0:n.value)&&(null===(a=null==e?void 0:e.escalation_reminder_frequency)||void 0===a?void 0:a.value)&&"undefined"!==(null===(r=null==e?void 0:e.escalation_reminder_frequency)||void 0===r?void 0:r.value)?"Start notifying ".concat((null===(t=null==e?void 0:e.days)||void 0===t?void 0:t.value.includes("day"))?null===(o=null==e?void 0:e.days)||void 0===o?void 0:o.value:"".concat(null===(c=null==e?void 0:e.days)||void 0===c?void 0:c.value," ").concat(Number(null===(l=null==e?void 0:e.days)||void 0===l?void 0:l.value)>0?"days":"day")," ").concat(null==e?void 0:e.before_or_after," the due date"):"Notify until successful document upload"},M={"& .MuiInputBase-root":{height:"28px",borderRadius:"4px",fontSize:"11px"}},q=function(q){var Y=q.data,j=q.schedules,H=q.setSchedules,z=q.remainderOwners,W=q.setRemainderOwners,G=q.labels,U=void 0===G?_:G,V=q.colors,J=void 0===V?A:V,Z=q.chipColor,K=void 0===Z?B:Z,Q=q.assignees,X=void 0===Q?T:Q,$=q.fallbackRecipients,ee=void 0===$?P:$,ie=q.recipientsColor,ne=void 0===ie?L:ie,ae=q.manualReminderTitle,re=void 0===ae?"Send Manual Reminder Now":ae,te=q.manualReminderDescription,oe=void 0===te?"Immediately notify the assignees about this document.":te;q.lastReminderText;var ce=q.selectRecipientsLabel,le=void 0===ce?"Select recipients:":ce,se=q.previewEmailButtonLabel,de=void 0===se?"Preview Email":se,me=q.sendNowButtonLabel,ue=void 0===me?"Send Now":me,ve=q.reminderSuccessTitle,he=void 0===ve?"Reminder sent successfully!":ve,pe=q.reminderSuccessDescription,fe=void 0===pe?"Email notification sent to 2 assignees.":pe,Ne=q.escalationTitle,ge=void 0===Ne?"Escalation and Auto Reminder Setup":Ne;q.escalationTitleTooltip;var be=q.escalationDescription,ye=void 0===be?"Configure Auto reminder settings for all assignees.":be;q.configureAutoReminderText;var xe=q.getDynamicStatement,Ce=void 0===xe?O:xe,ke=q.reminderStartDateLabel,Fe=void 0===ke?"Reminder Start Date":ke,Re=q.documentDueDateLabel,De=void 0===Re?"Document Due Date":Re,we=q.reminderFrequencyLabel,Se=void 0===we?"Reminder Frequency":we,Ee=q.escalationRemindersLabel,Ie=void 0===Ee?"Escalation Reminders":Ee;q.escalationTooltip;var _e=q.escalationConditionText,Ae=void 0===_e?"If the document is still pending, start escalation reminders":_e,Be=q.daysText,Te=void 0===Be?"days":Be,Le=q.dueDataAndRepeatText,Pe=void 0===Le?"due date and repeat every":Le,Oe=q.reminderFrequencyOptions,Me=void 0===Oe?["12 hours","24 hours","48 hours","72 hours","Custom"]:Oe,qe=q.escalationFrequencyOptions,Ye=void 0===qe?["1/2 hour","1 hour","4 hours","6 hours","12 hours","Custom"]:qe,je=q.beforeAfterOptions,He=void 0===je?["After","Before"]:je,ze=q.handelSendNow,We=q.showPreviewEmail,Ge=void 0===We||We,Ue=a(!1),Ve=Ue[0],Je=Ue[1],Ze=a(!1),Ke=Ze[0],Qe=Ze[1],Xe=a(!1),$e=Xe[0],ei=Xe[1],ii=a(null);ii[0],ii[1];var ni=a(!0),ai=ni[0],ri=ni[1],ti=a(ee),oi=ti[0],ci=ti[1],li=b(),si=function(i,n,a){W(function(r){return r.map(function(r,t){var o;return t===i?e(e({},r),((o={})[n]=a,o)):r})})},di=function(e){var i;if(!e)return null;if("custom"===e.type)return Number(e.value)<=0?null:60*Number(e.value)*60*1e3;return null!==(i={"1/2 hour":18e5,"1 hour":36e5,"4 hours":144e5,"6 hours":216e5,"12 hours":432e5,"24 hours":864e5,"48 hours":1728e5,"72 hours":2592e5,"96 hours":3456e5,"1/2 day":432e5,"1 day":864e5,"2 days":1728e5,"3 days":2592e5,"4 days":3456e5}[e.value])&&void 0!==i?i:null},mi=function(e,i,n){if(!e||!i||!n)return[];var a=di(n);if(!a)return[];for(var r=[],t=E(e).valueOf(),o=E(i).valueOf();t<=o;)r.push(E(t).toISOString()),t+=a;return r},ui=function(e,i,n,a){if(!(e&&i&&a&&n))return[];var r=di(a);if(!r)return[];var t,o=E(e),c="custom"===i.type?Number(i.value):Number("1/2"===i.value.split(" ")[0]?.5:Number(i.value.split(" ")[0])),l=[];switch(n){case"Before":t=o.subtract(c,"day");break;case"After":t=o.add(c,"day");break;default:return[]}for(var s=t.valueOf(),d=0;d<1e3;d++)l.push(E(s).toISOString()),s+=r;return l},vi=function(e){return e?e.split(" ").map(function(e){return e[0]}).join("").toUpperCase():""};r(function(){var e=(null==Y?void 0:Y.due_at)||"",i=null==z?void 0:z.map(function(i){var n=X.find(function(e){return e.id===String(i.id)});return{ownerId:i.id,ownerName:null==n?void 0:n.name,ownerColor:null==n?void 0:n.color,reminders:mi(i.reminder_start_date,e,i.reminder_frequency),escalations:ui(e,i.days,i.before_or_after,i.escalation_reminder_frequency)}});H(i)},[z]),r(function(){if(null==Y?void 0:Y.assignee){var e=Object.values(Y.assignee).filter(function(e){return e&&Object.keys(e).length>0}).map(function(e,i){return{name:e.name,checked:!1,recipientsColor:ne[i]}}),i=e.length>0?e:ee;ci(i)}},[Y]);var hi=Object.values((null==Y?void 0:Y.assignee)||{}).filter(function(e){return null==e?void 0:e.name});return i("div",e({className:I.mrContainer},{children:[i("div",e({className:I.mrSectionBox,onClick:function(){return Je(function(e){return!e})}},{children:[i("div",e({className:I.mrSectionHeader},{children:[i("div",e({className:I.mrSectionHeaderContent},{children:[i("div",e({className:I.mrSectionHeaderLeft},{children:[i("div",e({className:I.mrSectionTitleWrapper},{children:[n("div",e({className:I.mrSectionTitleIcon},{children:n(t,{className:I.mrIconSmall})})),n("div",e({className:I.mrSectionTitle},{children:re}))]})),n("div",e({className:I.mrSectionDescription},{children:oe}))]})),n("div",e({className:I.mrSectionHeaderRight},{children:n("button",e({type:"button",onClick:function(e){e.stopPropagation(),Je(function(e){return!e})},className:I.mrChevronButton},{children:n(o,{className:"".concat(I.mrChevronIcon," ").concat(Ve?I.mrChevronRotated:"")})}))}))]})),n(y,{children:$e&&i(x.div,e({initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},className:I.mrSuccessMessage},{children:[n("div",e({className:I.mrSuccessIcon},{children:n("div",e({className:I.mrSuccessIconInner},{children:n(c,{className:I.mrIconSuccess})}))})),i("div",e({className:I.mrSuccessText},{children:[n("div",e({className:I.mrSuccessTitle},{children:he})),n("div",e({className:I.mrSuccessDescription},{children:fe}))]}))]}))})]})),n(y,{children:Ve&&i(x.div,e({initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3},className:I.mrHiddenSection,style:{pointerEvents:Ve?"auto":"none"}},{children:[i("div",e({className:I.mrRecipientsSection},{children:[n("div",e({className:I.mrRecipientsLabel},{children:le})),n("div",e({className:I.mrRecipientsGrid},{children:oi.map(function(a){return i("div",e({className:I.mrRecipientItem},{children:[n(h,{checked:a.checked,onChange:function(){return i=a.name,void ci(function(n){return n.map(function(n){return n.name===i?e(e({},n),{checked:!n.checked}):n})});var i},onClick:function(e){return e.stopPropagation()},size:"small",disableRipple:!0,icon:n("div",{className:I.mrCheckboxUnchecked}),checkedIcon:n("div",e({className:I.mrCheckboxChecked},{children:n("svg",e({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 10",fill:"none",className:I.mrCheckboxIcon},{children:n("path",{d:"M1 5L4.2 8L11 1",stroke:"#5925DC",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})}))})),sx:{padding:0}}),i("div",e({className:I.mrRecipientInfo},{children:[n("div",e({className:I.mrRecipientAvatar,style:{backgroundColor:a.recipientsColor.bg,color:a.recipientsColor.text}},{children:vi(a.name)})),n("div",e({className:I.mrRecipientName},{children:a.name}))]}))]}),a.name)})}))]})),i("div",e({className:I.mrActionsSection},{children:[Ge&&i("button",e({onClick:function(e){e.stopPropagation()},type:"button",className:"".concat(I.mrActionButton," ").concat(I.mrActionButtonSecondary)},{children:[n(l,{className:I.mrIconAction}),de]})),n("button",e({type:"button",onClick:function(e){e.stopPropagation(),ei(!0),setTimeout(function(){ei(!1)},3e3),ze()},className:"".concat(I.mrActionButton," ").concat(I.mrActionButtonPrimary)},{children:ue}))]}))]}))})]})),i("div",e({className:I.mrMainContent},{children:[i("div",e({className:I.mrEscalationContainer},{children:[i("div",e({className:I.mrEscalationHeaderWrapper,onClick:function(e){e.stopPropagation(),Qe(function(e){return!e})}},{children:[i("div",e({className:I.mrEscalationHeader},{children:[i("div",e({className:I.mrEscalationTitleWrapper},{children:[n("div",e({className:I.mrEscalationTitleText},{children:ge})),n("div",e({className:I.mrTooltipIcon},{children:n(s,{stroke:"#64748B",className:I.mrIconInfo})}))]})),i("div",e({className:I.mrEscalationActions},{children:[Ge&&i("button",e({className:I.mrEscalationPreviewButton},{children:[n("div",e({className:I.mrEscalationPreviewIcon},{children:n(l,{className:I.mrIconPreview})})),n("span",e({className:I.mrEscalationPreviewText},{children:de}))]})),n("button",e({type:"button",onClick:function(e){e.stopPropagation(),Qe(function(e){return!e})},className:I.mrChevronButton},{children:n(o,{className:"".concat(I.mrChevronIcon," ").concat(Ke?I.mrChevronRotated:"")})}))]}))]})),n("div",e({className:I.mrEscalationDescription},{children:ye}))]})),n(y,e({initial:!1},{children:Ke&&n(x.div,e({layout:!0,initial:{opacity:0,scaleY:.96},animate:{opacity:1,scaleY:1},exit:{opacity:0,scaleY:.96},transition:{duration:.3,ease:"easeInOut"},style:{transformOrigin:"top",overflow:"hidden"}},{children:n(C.Group,e({axis:"y",values:z||[],onReorder:function(e){W(e)},layoutScroll:!0,className:I.mrReorderGroup},{children:null==z?void 0:z.map(function(a,r){var t,c,l=hi[r]||ee[r];return n(C.Item,e({value:a,dragControls:li,layout:"position",className:""},{children:i("div",e({className:I.mrReminderItem},{children:[n("div",e({className:I.mrReminderLabelBox},{children:n("div",e({className:I.mrReminderLabelInner},{children:n(p,{label:U[r],sx:{backgroundColor:J[r].bg,minWidth:90,color:J[r].text,fontWeight:500}})}))})),i("div",e({className:I.mrReminderContent},{children:[n("div",e({className:I.mrDragHandle},{children:n(k,{onPointerDown:function(e){return li.start(e)},sx:{color:"#9e9e9e"}})})),n(f,e({display:"flex",alignItems:"center",gap:2,border:"1px solid #E5E7EB",sx:{background:"#fff"},className:I.mrReminderBox},{children:i("div",e({className:I.mrReminderFields},{children:[i("div",e({className:I.mrReminderHeader},{children:[i("div",e({className:I.mrReminderAssignee},{children:[n("div",e({className:I.mrReminderAvatar},{children:n("span",e({className:I.mrReminderInitials},{children:vi(null==l?void 0:l.name)}))})),n("span",e({className:I.mrReminderName},{children:null==l?void 0:l.name}))]})),n("div",e({className:I.mrReminderStatement,style:{backgroundColor:null===(t=K[r])||void 0===t?void 0:t.bg}},{children:n("span",e({className:I.mrReminderStatementText,style:{color:null===(c=K[r])||void 0===c?void 0:c.text}},{children:Ce(a)}))}))]})),i("div",e({className:I.mrReminderDateFields},{children:[i("div",e({className:I.mrReminderField},{children:[n("p",e({className:I.mrReminderFieldLabel},{children:Fe})),i("div",e({className:I.mrReminderDatePicker},{children:[n(F,e({dateAdapter:D},{children:n(R,{value:a.reminder_start_date?E(a.reminder_start_date):null,disablePast:!0,format:"MM/DD/YYYY",onChange:function(e){if(!e||!E(e).isBefore(E(),"day")){var i=e?E(e).toISOString():"";!function(e,i){si(e,"reminder_start_date",i)}(r,e?E(i).toISOString():"")}},slotProps:{actionBar:{actions:["clear"]},textField:{fullWidth:!0,size:"small",sx:M,placeholder:"MM/DD/YYYY"},openPickerButton:{id:"trial-start-date-picker-icon","data-testid":"trial-start-date-picker-icon",size:"small"},openPickerIcon:{sx:{fontSize:"14px"}}}})})),n(d,{className:I.mrIconArrow})]}))]})),i("div",e({className:I.mrReminderField},{children:[n("p",e({className:I.mrReminderFieldLabel},{children:De})),n("div",e({className:I.mrReminderDueDate},{children:(null==Y?void 0:Y.due_at)?E(Y.due_at).format("MM/DD/YYYY"):""}))]})),i("div",e({className:I.mrReminderField},{children:[n("p",e({className:I.mrReminderFieldLabel},{children:Se})),i("div",e({className:I.mrReminderFrequency},{children:[n("span",e({className:I.mrReminderFrequencyText},{children:"Every"})),n(w,{value:a.reminder_frequency,onChange:function(e){return function(e,i){si(e,"reminder_frequency",i)}(r,e)},options:Me,suffix:"hours"})]}))]}))]})),i("div",e({className:I.mrEscalationCheckbox},{children:[i("div",e({className:I.mrEscalationCheckboxHeader},{children:[n(h,{size:"small",disableRipple:!0,checked:a.is_escalation_reminder,onChange:function(e){!function(e,i){si(e,"is_escalation_reminder",i),i||(si(e,"days",{type:"preset",value:""}),si(e,"escalation_reminder_frequency",{type:"preset",value:""}),si(e,"before_or_after",""))}(r,e.target.checked)},icon:n("div",{className:I.mrCheckboxUnchecked}),checkedIcon:n("div",e({className:I.mrCheckboxChecked},{children:n("svg",e({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 10",fill:"none",className:I.mrCheckboxIcon},{children:n("path",{d:"M1 5L4.2 8L11 1",stroke:"#5925DC",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})}))})),sx:{padding:0}}),Ie,n("div",e({className:I.mrTooltipIcon},{children:n(s,{stroke:"#64748B",className:I.mrIconInfo})}))]})),n(y,{children:a.is_escalation_reminder&&i(x.div,e({initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3},className:I.mrEscalationContent},{children:[n("div",e({className:I.mrEscalationCondition},{children:Ae})),i("div",e({className:I.mrEscalationFields},{children:[i("div",e({className:I.mrEscalationFieldGroup},{children:[n(w,{value:a.days,onChange:function(e){return function(e,i){si(e,"days",i)}(r,e)}}),n("div",e({className:I.mrEscalationFieldText},{children:Te}))]})),i("div",e({className:"".concat(I.mrEscalationFieldGroup," ").concat(I.mrEscalationFieldGroupLarge)},{children:[n(N,{size:"small",options:He,value:a.before_or_after,onChange:function(e,i){!function(e,i){si(e,"before_or_after",i)}(r,i||"")},popupIcon:n("button",e({type:"button",id:"dropdown-icon",className:I.mrDropdownButton},{children:n(o,{className:I.mrIconDropdown})})),slotProps:{paper:{sx:{"& .MuiAutocomplete-option":{fontSize:"12px",minHeight:"32px"}}},clearIndicator:{sx:{"& svg":{fontSize:12}}}},renderInput:function(i){return n(g,e({},i,{placeholder:"Select value",sx:M}))},sx:{width:"100%"}}),n("div",e({className:I.mrEscalationFieldText},{children:Pe}))]})),n("div",e({className:I.mrEscalationFieldGroupSmall},{children:n(w,{value:a.escalation_reminder_frequency,onChange:function(e){return function(e,i){si(e,"escalation_reminder_frequency",i)}(r,e)},options:Ye,suffix:"hours"})}))]}))]}))})]}))]}))}))]}))]}))}),a.id||r)})}))}))}))]})),Ke&&i(x.div,e({initial:{width:ai?"345px":"43px"},animate:{width:ai?"345px":"43px"},transition:{duration:.3},className:I.mrCalendarPanel},{children:[ai?n(S,{assignees:j}):n("div",e({className:I.mrCalendarCollapsed},{children:n(m,{className:I.mrIconCalendar})})),i("button",e({onClick:function(){return ri(function(e){return!e})},className:I.mrCalendarToggle},{children:[n("svg",e({xmlns:"http://www.w3.org/2000/svg",width:"19",height:"50",viewBox:"0 0 19 50",fill:"none"},{children:n("path",{d:"M3.94434 9.65137C1.79601 11.031 0.49707 13.4087 0.49707 15.9619V35.1436C0.49707 37.8496 1.95476 40.346 4.31152 41.6758L17.5469 49.1426V0.915039L3.94434 9.65137Z",fill:"white",stroke:"#E0E0E0"})})),n(ai?u:v,{className:I.mrIconChevronToggle})]}))]}))]}))]}))};export{q as ManageReminders};
+import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useState as i,useEffect as r}from"react";import{Send as n,ChevronDown as t,CircleCheckBigIcon as s,Mail as o,InfoIcon as l,ArrowRight as c,CalendarIcon as d,ChevronRight as m,ChevronLeft as u}from"lucide-react";import h from"@mui/material/Checkbox";import{Chip as p,Box as v,Autocomplete as N,TextField as g}from"@mui/material";import{useDragControls as f,AnimatePresence as y,motion as b,Reorder as x}from"framer-motion";import C from"@mui/icons-material/DragIndicator";import{LocalizationProvider as k,DatePicker as F}from"@mui/x-date-pickers";import{AdapterDayjs as w}from"@mui/x-date-pickers/AdapterDayjs";import R from"./ReminderFrequencyAutocomplete.js";import D from"./AssigneeCalendarView.js";import S from"dayjs";import E from"./ManageRemainder.module.css.js";const I=["Assignee 1","Assignee 2","Assignee 3"],_=[{bg:"#FDF2FA",text:"#C11574"},{bg:"#EEF4FF",text:"#3538CD"},{bg:"#F1F5F9",text:"#344054"}],A=[{bg:"#FDF2FA",text:"#C93185"},{bg:"#EEF2FF",text:"#6366F1"},{bg:"#FFF4E5",text:"#FF6058"}],B=[{id:"1",name:"Assignee 1",color:"#C11574",bg:"#FDF2F8",startDate:new Date("2026-11-09"),dueDate:new Date("2026-12-01")},{id:"2",name:"Assignee 2",color:"#3538CD",bg:"#EEF4FF",startDate:new Date("2026-11-21"),dueDate:new Date("2026-12-03")},{id:"3",name:"Assignee 3",color:"#FF6058",bg:"#FFF7ED",startDate:new Date("2026-12-01"),dueDate:new Date("2026-12-03")}],T=[{bg:"#DBEAFE",text:"#1E40AF"},{bg:"#CCFBF1",text:"#0D9488"},{bg:"#DCFCE7",text:"#166534"}],L=[{initials:"OR",name:"Olivia Rhye",checked:!1,bg:"bg-blue-100",text:"text-blue-700"},{initials:"DM",name:"Daniela Mark",checked:!1,bg:"bg-cyan-100",text:"text-teal-700"},{initials:"JB",name:"Jenna Beckner",checked:!1,bg:"bg-emerald-100",text:"text-emerald-600"}],P=e=>e?.is_escalation_reminder&&e?.days?.value&&"undefined"!==e?.days?.value&&e?.escalation_reminder_frequency?.value&&"undefined"!==e?.escalation_reminder_frequency?.value?`Start notifying ${e?.days?.value.includes("day")?e?.days?.value:`${e?.days?.value} ${Number(e?.days?.value)>0?"days":"day"}`} ${e?.before_or_after} the due date`:"Notify until successful document upload",O={"& .MuiInputBase-root":{height:"28px",borderRadius:"4px",fontSize:"11px"}},M=({data:M,schedules:q,setSchedules:Y,remainderOwners:$,setRemainderOwners:H,labels:j=I,colors:z=_,chipColor:W=A,assignees:G=B,fallbackRecipients:U=L,recipientsColor:V=T,manualReminderTitle:J="Send Manual Reminder Now",manualReminderDescription:Z="Immediately notify the assignees about this document.",lastReminderText:K="Last manual reminder sent - 08/14/2026, 12:12AM",selectRecipientsLabel:Q="Select recipients:",previewEmailButtonLabel:X="Preview Email",sendNowButtonLabel:ee="Send Now",reminderSuccessTitle:ae="Reminder sent successfully!",reminderSuccessDescription:ie="Email notification sent to 2 assignees.",escalationTitle:re="Escalation and Auto Reminder Setup",escalationTitleTooltip:ne={heading:"How it works:",summary:"Configure when reminders should start and how often they are sent for each assignee."},escalationDescription:te="Configure Auto reminder settings for all assignees.",configureAutoReminderText:se="Configure Auto reminder settings for all assignees.",getDynamicStatement:oe=P,reminderStartDateLabel:le="Reminder Start Date",documentDueDateLabel:ce="Document Due Date",reminderFrequencyLabel:de="Reminder Frequency",escalationRemindersLabel:me="Escalation Reminders",escalationTooltip:ue={heading:"How it works:",summary:"Choose when escalation reminders should start and how often they should be sent until the document gets uploaded."},escalationConditionText:he="If the document is still pending, start escalation reminders",daysText:pe="days",dueDataAndRepeatText:ve="due date and repeat every",reminderFrequencyOptions:Ne=["12 hours","24 hours","48 hours","72 hours","Custom"],escalationFrequencyOptions:ge=["1/2 hour","1 hour","4 hours","6 hours","12 hours","Custom"],beforeAfterOptions:fe=["After","Before"],handelSendNow:ye,showPreviewEmail:be=!0})=>{const[xe,Ce]=i(!1),[ke,Fe]=i(!1),[we,Re]=i(!1);i(null);const[De,Se]=i(!0),[Ee,Ie]=i(U),_e=f(),Ae=(e,a,i)=>{H(r=>r.map((r,n)=>n===e?{...r,[a]:i}:r))},Be=e=>{if(!e)return null;if("custom"===e.type)return Number(e.value)<=0?null:60*Number(e.value)*60*1e3;return{"1/2 hour":18e5,"1 hour":36e5,"4 hours":144e5,"6 hours":216e5,"12 hours":432e5,"24 hours":864e5,"48 hours":1728e5,"72 hours":2592e5,"96 hours":3456e5,"1/2 day":432e5,"1 day":864e5,"2 days":1728e5,"3 days":2592e5,"4 days":3456e5}[e.value]??null},Te=(e,a,i)=>{if(!e||!a||!i)return[];const r=Be(i);if(!r)return[];const n=[];let t=S(e).valueOf();const s=S(a).valueOf();for(;t<=s;)n.push(S(t).toISOString()),t+=r;return n},Le=(e,a,i,r)=>{if(!(e&&a&&r&&i))return[];const n=Be(r);if(!n)return[];const t=S(e),s="custom"===a.type?Number(a.value):Number("1/2"===a.value.split(" ")[0]?.5:Number(a.value.split(" ")[0])),o=[];let l;switch(i){case"Before":l=t.subtract(s,"day");break;case"After":l=t.add(s,"day");break;default:return[]}let c=l.valueOf();for(let e=0;e<1e3;e++)o.push(S(c).toISOString()),c+=n;return o},Pe=e=>e?e.split(" ").map(e=>e[0]).join("").toUpperCase():"";r(()=>{const e=M?.due_at||"",a=$?.map(a=>{const i=G.find(e=>e.id===String(a.id));return{ownerId:a.id,ownerName:i?.name,ownerColor:i?.color,reminders:Te(a.reminder_start_date,e,a.reminder_frequency),escalations:Le(e,a.days,a.before_or_after,a.escalation_reminder_frequency)}});Y(a)},[$]),r(()=>{if(!M?.assignee)return;const e=Object.values(M.assignee).filter(e=>e&&Object.keys(e).length>0).map((e,a)=>({name:e.name,checked:!1,recipientsColor:V[a]})),a=e.length>0?e:U;Ie(a)},[M]);const Oe=Object.values(M?.assignee||{}).filter(e=>e?.name);return e("div",{className:E.mrContainer,children:[e("div",{className:E.mrSectionBox,onClick:()=>Ce(e=>!e),children:[e("div",{className:E.mrSectionHeader,children:[e("div",{className:E.mrSectionHeaderContent,children:[e("div",{className:E.mrSectionHeaderLeft,children:[e("div",{className:E.mrSectionTitleWrapper,children:[a("div",{className:E.mrSectionTitleIcon,children:a(n,{className:E.mrIconSmall})}),a("div",{className:E.mrSectionTitle,children:J})]}),a("div",{className:E.mrSectionDescription,children:Z})]}),a("div",{className:E.mrSectionHeaderRight,children:a("button",{type:"button",onClick:e=>{e.stopPropagation(),Ce(e=>!e)},className:E.mrChevronButton,children:a(t,{className:`${E.mrChevronIcon} ${xe?E.mrChevronRotated:""}`})})})]}),a(y,{children:we&&e(b.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},className:E.mrSuccessMessage,children:[a("div",{className:E.mrSuccessIcon,children:a("div",{className:E.mrSuccessIconInner,children:a(s,{className:E.mrIconSuccess})})}),e("div",{className:E.mrSuccessText,children:[a("div",{className:E.mrSuccessTitle,children:ae}),a("div",{className:E.mrSuccessDescription,children:ie})]})]})})]}),a(y,{children:xe&&e(b.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3},className:E.mrHiddenSection,style:{pointerEvents:xe?"auto":"none"},children:[e("div",{className:E.mrRecipientsSection,children:[a("div",{className:E.mrRecipientsLabel,children:Q}),a("div",{className:E.mrRecipientsGrid,children:Ee.map(i=>e("div",{className:E.mrRecipientItem,children:[a(h,{checked:i.checked,onChange:()=>{return e=i.name,void Ie(a=>a.map(a=>a.name===e?{...a,checked:!a.checked}:a));var e},onClick:e=>e.stopPropagation(),size:"small",disableRipple:!0,icon:a("div",{className:E.mrCheckboxUnchecked}),checkedIcon:a("div",{className:E.mrCheckboxChecked,children:a("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 10",fill:"none",className:E.mrCheckboxIcon,children:a("path",{d:"M1 5L4.2 8L11 1",stroke:"#5925DC",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})})}),sx:{padding:0}}),e("div",{className:E.mrRecipientInfo,children:[a("div",{className:E.mrRecipientAvatar,style:{backgroundColor:i.recipientsColor.bg,color:i.recipientsColor.text},children:Pe(i.name)}),a("div",{className:E.mrRecipientName,children:i.name})]})]},i.name))})]}),e("div",{className:E.mrActionsSection,children:[be&&e("button",{onClick:e=>{e.stopPropagation()},type:"button",className:`${E.mrActionButton} ${E.mrActionButtonSecondary}`,children:[a(o,{className:E.mrIconAction}),X]}),a("button",{type:"button",onClick:e=>{e.stopPropagation(),Re(!0),setTimeout(()=>{Re(!1)},3e3),ye()},className:`${E.mrActionButton} ${E.mrActionButtonPrimary}`,children:ee})]})]})})]}),e("div",{className:E.mrMainContent,children:[e("div",{className:E.mrEscalationContainer,children:[e("div",{className:E.mrEscalationHeaderWrapper,onClick:e=>{e.stopPropagation(),Fe(e=>!e)},children:[e("div",{className:E.mrEscalationHeader,children:[e("div",{className:E.mrEscalationTitleWrapper,children:[a("div",{className:E.mrEscalationTitleText,children:re}),a("div",{className:E.mrTooltipIcon,children:a(l,{stroke:"#64748B",className:E.mrIconInfo})})]}),e("div",{className:E.mrEscalationActions,children:[be&&e("button",{className:E.mrEscalationPreviewButton,children:[a("div",{className:E.mrEscalationPreviewIcon,children:a(o,{className:E.mrIconPreview})}),a("span",{className:E.mrEscalationPreviewText,children:X})]}),a("button",{type:"button",onClick:e=>{e.stopPropagation(),Fe(e=>!e)},className:E.mrChevronButton,children:a(t,{className:`${E.mrChevronIcon} ${ke?E.mrChevronRotated:""}`})})]})]}),a("div",{className:E.mrEscalationDescription,children:te})]}),a(y,{initial:!1,children:ke&&a(b.div,{layout:!0,initial:{opacity:0,scaleY:.96},animate:{opacity:1,scaleY:1},exit:{opacity:0,scaleY:.96},transition:{duration:.3,ease:"easeInOut"},style:{transformOrigin:"top",overflow:"hidden"},children:a(x.Group,{axis:"y",values:$||[],onReorder:e=>{H(e)},layoutScroll:!0,className:E.mrReorderGroup,children:$?.map((i,r)=>{const n=Oe[r]||U[r];return a(x.Item,{value:i,dragControls:_e,layout:"position",className:"",children:e("div",{className:E.mrReminderItem,children:[a("div",{className:E.mrReminderLabelBox,children:a("div",{className:E.mrReminderLabelInner,children:a(p,{label:j[r],sx:{backgroundColor:z[r].bg,minWidth:90,color:z[r].text,fontWeight:500}})})}),e("div",{className:E.mrReminderContent,children:[a("div",{className:E.mrDragHandle,children:a(C,{onPointerDown:e=>_e.start(e),sx:{color:"#9e9e9e"}})}),a(v,{display:"flex",alignItems:"center",gap:2,border:"1px solid #E5E7EB",sx:{background:"#fff"},className:E.mrReminderBox,children:e("div",{className:E.mrReminderFields,children:[e("div",{className:E.mrReminderHeader,children:[e("div",{className:E.mrReminderAssignee,children:[a("div",{className:E.mrReminderAvatar,children:a("span",{className:E.mrReminderInitials,children:Pe(n?.name)})}),a("span",{className:E.mrReminderName,children:n?.name})]}),a("div",{className:E.mrReminderStatement,style:{backgroundColor:W[r]?.bg},children:a("span",{className:E.mrReminderStatementText,style:{color:W[r]?.text},children:oe(i)})})]}),e("div",{className:E.mrReminderDateFields,children:[e("div",{className:E.mrReminderField,children:[a("p",{className:E.mrReminderFieldLabel,children:le}),e("div",{className:E.mrReminderDatePicker,children:[a(k,{dateAdapter:w,children:a(F,{value:i.reminder_start_date?S(i.reminder_start_date):null,disablePast:!0,format:"MM/DD/YYYY",onChange:e=>{if(e&&S(e).isBefore(S(),"day"))return;const a=e?S(e).toISOString():"";((e,a)=>{Ae(e,"reminder_start_date",a)})(r,e?S(a).toISOString():"")},slotProps:{actionBar:{actions:["clear"]},textField:{fullWidth:!0,size:"small",sx:O,placeholder:"MM/DD/YYYY"},openPickerButton:{id:"trial-start-date-picker-icon","data-testid":"trial-start-date-picker-icon",size:"small"},openPickerIcon:{sx:{fontSize:"14px"}}}})}),a(c,{className:E.mrIconArrow})]})]}),e("div",{className:E.mrReminderField,children:[a("p",{className:E.mrReminderFieldLabel,children:ce}),a("div",{className:E.mrReminderDueDate,children:M?.due_at?S(M.due_at).format("MM/DD/YYYY"):""})]}),e("div",{className:E.mrReminderField,children:[a("p",{className:E.mrReminderFieldLabel,children:de}),e("div",{className:E.mrReminderFrequency,children:[a("span",{className:E.mrReminderFrequencyText,children:"Every"}),a(R,{value:i.reminder_frequency,onChange:e=>((e,a)=>{Ae(e,"reminder_frequency",a)})(r,e),options:Ne,suffix:"hours"})]})]})]}),e("div",{className:E.mrEscalationCheckbox,children:[e("div",{className:E.mrEscalationCheckboxHeader,children:[a(h,{size:"small",disableRipple:!0,checked:i.is_escalation_reminder,onChange:e=>{((e,a)=>{Ae(e,"is_escalation_reminder",a),a||(Ae(e,"days",{type:"preset",value:""}),Ae(e,"escalation_reminder_frequency",{type:"preset",value:""}),Ae(e,"before_or_after",""))})(r,e.target.checked)},icon:a("div",{className:E.mrCheckboxUnchecked}),checkedIcon:a("div",{className:E.mrCheckboxChecked,children:a("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 10",fill:"none",className:E.mrCheckboxIcon,children:a("path",{d:"M1 5L4.2 8L11 1",stroke:"#5925DC",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})})}),sx:{padding:0}}),me,a("div",{className:E.mrTooltipIcon,children:a(l,{stroke:"#64748B",className:E.mrIconInfo})})]}),a(y,{children:i.is_escalation_reminder&&e(b.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3},className:E.mrEscalationContent,children:[a("div",{className:E.mrEscalationCondition,children:he}),e("div",{className:E.mrEscalationFields,children:[e("div",{className:E.mrEscalationFieldGroup,children:[a(R,{value:i.days,onChange:e=>((e,a)=>{Ae(e,"days",a)})(r,e)}),a("div",{className:E.mrEscalationFieldText,children:pe})]}),e("div",{className:`${E.mrEscalationFieldGroup} ${E.mrEscalationFieldGroupLarge}`,children:[a(N,{size:"small",options:fe,value:i.before_or_after,onChange:(e,a)=>{((e,a)=>{Ae(e,"before_or_after",a)})(r,a||"")},popupIcon:a("button",{type:"button",id:"dropdown-icon",className:E.mrDropdownButton,children:a(t,{className:E.mrIconDropdown})}),slotProps:{paper:{sx:{"& .MuiAutocomplete-option":{fontSize:"12px",minHeight:"32px"}}},clearIndicator:{sx:{"& svg":{fontSize:12}}}},renderInput:e=>a(g,{...e,placeholder:"Select value",sx:O}),sx:{width:"100%"}}),a("div",{className:E.mrEscalationFieldText,children:ve})]}),a("div",{className:E.mrEscalationFieldGroupSmall,children:a(R,{value:i.escalation_reminder_frequency,onChange:e=>((e,a)=>{Ae(e,"escalation_reminder_frequency",a)})(r,e),options:ge,suffix:"hours"})})]})]})})]})]})})]})]})},i.id||r)})})})})]}),ke&&e(b.div,{initial:{width:De?"345px":"43px"},animate:{width:De?"345px":"43px"},transition:{duration:.3},className:E.mrCalendarPanel,children:[De?a(D,{assignees:q}):a("div",{className:E.mrCalendarCollapsed,children:a(d,{className:E.mrIconCalendar})}),e("button",{onClick:()=>Se(e=>!e),className:E.mrCalendarToggle,children:[a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"19",height:"50",viewBox:"0 0 19 50",fill:"none",children:a("path",{d:"M3.94434 9.65137C1.79601 11.031 0.49707 13.4087 0.49707 15.9619V35.1436C0.49707 37.8496 1.95476 40.346 4.31152 41.6758L17.5469 49.1426V0.915039L3.94434 9.65137Z",fill:"white",stroke:"#E0E0E0"})}),a(De?m:u,{className:E.mrIconChevronToggle})]})]})]})]})};export{M as ManageReminders};
 //# sourceMappingURL=ManageReminders.js.map

package/dist/features/ManageRemainders/ManageReminders.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManageReminders.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ManageReminders.js","sources":["../../../src/features/ManageRemainders/ManageReminders.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport {\n  ArrowRight,\n  Calendar,\n  CalendarIcon,\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  CircleCheckBigIcon,\n  InfoIcon,\n  Mail,\n  Send,\n} from \"lucide-react\";\nimport Checkbox from \"@mui/material/Checkbox\";\nimport { Autocomplete, Box, Chip, TextField } from \"@mui/material\";\nimport {\n  AnimatePresence,\n  motion,\n  Reorder,\n  useDragControls,\n} from \"framer-motion\";\nimport DragIndicatorIcon from \"@mui/icons-material/DragIndicator\";\nimport { DatePicker, LocalizationProvider } from \"@mui/x-date-pickers\";\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\nimport ReminderFrequencyAutocomplete from \"./ReminderFrequencyAutocomplete\";\nimport AssigneeCalendarView from \"./AssigneeCalendarView\";\nimport dayjs from \"dayjs\";\n// import CustomTooltip from \"../../shared/components/CutomTooltip\";\nimport styles from \"./ManageRemainder.module.css\"\nimport { AssigneeConfig , remainderOwnerValue , ReminderFrequencyValue , RecipientConfig , ColorConfig } from \"./types/type\"\n\n// Main component props interface\nexport interface ManageRemindersProps {\n  data?: any;\n  schedules: any[];\n  setSchedules: (schedules: any[]) => void;\n  remainderOwners: remainderOwnerValue[];\n  setRemainderOwners: React.Dispatch<\n    React.SetStateAction<remainderOwnerValue[]>\n  >;\n\n  // Dynamic configuration props\n  labels?: string[];\n  colors?: ColorConfig[];\n  chipColor?: ColorConfig[];\n  assignees?: AssigneeConfig[];\n  fallbackRecipients?: RecipientConfig[];\n  recipientsColor? : ColorConfig[];\n\n  // Heading and text props\n  manualReminderTitle?: string;\n  manualReminderDescription?: string;\n  lastReminderText?: string;\n  selectRecipientsLabel?: string;\n  previewEmailButtonLabel?: string;\n  sendNowButtonLabel?: string;\n  reminderSuccessTitle?: string;\n  reminderSuccessDescription?: string;\n\n  // Escalation section props\n  escalationTitle?: string;\n  escalationTitleTooltip?: {\n    heading: string;\n    summary: string;\n  };\n  escalationDescription?: string;\n  configureAutoReminderText?: string;\n\n  // Dynamic statement callback\n  getDynamicStatement?: (targetOwner: remainderOwnerValue) => string;\n\n  // Field labels\n  reminderStartDateLabel?: string;\n  documentDueDateLabel?: string;\n  reminderFrequencyLabel?: string;\n  escalationRemindersLabel?: string;\n  escalationTooltip?: {\n    heading: string;\n    summary: string;\n  };\n  escalationConditionText?: string;\n  daysText?: string;\n  dueDataAndRepeatText?: string;\n  reminderFrequencyOptions?: string[];\n  escalationFrequencyOptions?: string[];\n  beforeAfterOptions?: string[];\n  handelSendNow: () => void;\n  showPreviewEmail : boolean;\n}\n\nconst defaultLabels = [\"Assignee 1\", \"Assignee 2\", \"Assignee 3\"];\n\nconst defaultColors = [\n  { bg: \"#FDF2FA\", text: \"#C11574\" },\n  { bg: \"#EEF4FF\", text: \"#3538CD\" },\n  { bg: \"#F1F5F9\", text: \"#344054\" },\n];\n\nconst defaultChipColor = [\n  { bg: \"#FDF2FA\", text: \"#C93185\" },\n  { bg: \"#EEF2FF\", text: \"#6366F1\" },\n  { bg: \"#FFF4E5\", text: \"#FF6058\" },\n];\n\nconst defaultAssignees = [\n  {\n    id: \"1\",\n    name: \"Assignee 1\",\n    color: \"#C11574\",\n    bg: \"#FDF2F8\",\n    startDate: new Date(\"2026-11-09\"),\n    dueDate: new Date(\"2026-12-01\"),\n  },\n  {\n    id: \"2\",\n    name: \"Assignee 2\",\n    color: \"#3538CD\",\n    bg: \"#EEF4FF\",\n    startDate: new Date(\"2026-11-21\"),\n    dueDate: new Date(\"2026-12-03\"),\n  },\n  {\n    id: \"3\",\n    name: \"Assignee 3\",\n    color: \"#FF6058\",\n    bg: \"#FFF7ED\",\n    startDate: new Date(\"2026-12-01\"),\n    dueDate: new Date(\"2026-12-03\"),\n  },\n];\n\nconst defaultRecipientsColor = [\n  {\n    bg: \"#DBEAFE\",    \n    text: \"#1E40AF\"   \n  },\n  {\n    bg: \"#CCFBF1\",   \n    text: \"#0D9488\"  \n  },\n  {\n    bg: \"#DCFCE7\",  \n    text: \"#166534\"\n  }\n   \n]\n\nconst defaultFallbackRecipients = [\n  {\n    initials: \"OR\",\n    name: \"Olivia Rhye\",\n    checked: false,\n    bg: \"bg-blue-100\",\n    text: \"text-blue-700\",\n  },\n  {\n    initials: \"DM\",\n    name: \"Daniela Mark\",\n    checked: false,\n    bg: \"bg-cyan-100\",\n    text: \"text-teal-700\",\n  },\n  {\n    initials: \"JB\",\n    name: \"Jenna Beckner\",\n    checked: false,\n    bg: \"bg-emerald-100\",\n    text: \"text-emerald-600\",\n  },\n];\n\nconst defaultGetDynamicStatement = (targetOwner: remainderOwnerValue) => {\n  if (\n    !targetOwner?.is_escalation_reminder ||\n    !targetOwner?.days?.value ||\n    targetOwner?.days?.value === \"undefined\" ||\n    !targetOwner?.escalation_reminder_frequency?.value ||\n    targetOwner?.escalation_reminder_frequency?.value === \"undefined\"\n  ) {\n    return `Notify until successful document upload`;\n  }\n  return `Start notifying ${\n    targetOwner?.days?.value.includes(\"day\")\n      ? targetOwner?.days?.value\n      : `${targetOwner?.days?.value} ${\n          Number(targetOwner?.days?.value) > 0 ? \"days\" : \"day\"\n        }`\n  } ${targetOwner?.before_or_after} the due date`;\n};\n\nconst inputStyle = {\n  \"& .MuiInputBase-root\": {\n    height: \"28px\",\n    borderRadius: \"4px\",\n    fontSize: \"11px\",\n  },\n};\n\nexport const ManageReminders = ({\n  data,\n  schedules,\n  setSchedules,\n  remainderOwners,\n  setRemainderOwners,\n\n  // Dynamic configuration with defaults\n  labels = defaultLabels,\n  colors = defaultColors,\n  chipColor = defaultChipColor,\n  assignees = defaultAssignees,\n  fallbackRecipients = defaultFallbackRecipients,\n  recipientsColor = defaultRecipientsColor,\n\n  // Heading and text with defaults\n  manualReminderTitle = \"Send Manual Reminder Now\",\n  manualReminderDescription = \"Immediately notify the assignees about this document.\",\n  lastReminderText = \"Last manual reminder sent - 08/14/2026, 12:12AM\",\n  selectRecipientsLabel = \"Select recipients:\",\n  previewEmailButtonLabel = \"Preview Email\",\n  sendNowButtonLabel = \"Send Now\",\n  reminderSuccessTitle = \"Reminder sent successfully!\",\n  reminderSuccessDescription = \"Email notification sent to 2 assignees.\",\n\n  // Escalation section with defaults\n  escalationTitle = \"Escalation and Auto Reminder Setup\",\n  escalationTitleTooltip = {\n    heading: \"How it works:\",\n    summary: \"Configure when reminders should start and how often they are sent for each assignee.\",\n  },\n  escalationDescription = \"Configure Auto reminder settings for all assignees.\",\n  configureAutoReminderText = \"Configure Auto reminder settings for all assignees.\",\n\n  // Dynamic statement with default\n  getDynamicStatement = defaultGetDynamicStatement,\n\n  // Field labels with defaults\n  reminderStartDateLabel = \"Reminder Start Date\",\n  documentDueDateLabel = \"Document Due Date\",\n  reminderFrequencyLabel = \"Reminder Frequency\",\n  escalationRemindersLabel = \"Escalation Reminders\",\n  escalationTooltip = {\n    heading: \"How it works:\",\n    summary: \"Choose when escalation reminders should start and how often they should be sent until the document gets uploaded.\",\n  },\n  escalationConditionText = \"If the document is still pending, start escalation reminders\",\n  daysText = \"days\",\n  dueDataAndRepeatText = \"due date and repeat every\",\n  reminderFrequencyOptions = [\"12 hours\", \"24 hours\", \"48 hours\", \"72 hours\", \"Custom\"],\n  escalationFrequencyOptions = [\"1/2 hour\", \"1 hour\", \"4 hours\", \"6 hours\", \"12 hours\", \"Custom\"],\n  beforeAfterOptions = [\"After\", \"Before\"],\n  handelSendNow,\n  showPreviewEmail = true\n}: ManageRemindersProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [isOpenReminder, setIsOpenReminder] = useState(false);\n  const [showASuccessMessage, setShowASuccessMessage] = useState(false);\n  const [frequency, setFrequency] = useState<any>(null);\n  const [showCalendar, setShowCalendar] = useState(true);\n  const [recipients, setRecipients] = useState<any[]>(fallbackRecipients);\n\n  const controls = useDragControls();\n\n  const handleReorder = (newOrder: remainderOwnerValue[]) => {\n    setRemainderOwners(newOrder);\n  };\n\n\n  const updateOwnerField = <K extends keyof remainderOwnerValue>(\n    index: number,\n    field: K,\n    value: remainderOwnerValue[K]\n  ) => {\n    setRemainderOwners((prev) =>\n      prev.map((owner, i) =>\n        i === index\n          ? {\n              ...owner,\n              [field]: value,\n            }\n          : owner\n      )\n    );\n  };\n\n  const handleStartDateChange = (index: number, value: string) => {\n    updateOwnerField(index, \"reminder_start_date\", value);\n  };\n\n  const handleReminderFrequencyChange = (\n    index: number,\n    value: ReminderFrequencyValue | null\n  ) => {\n    updateOwnerField(index, \"reminder_frequency\", value);\n  };\n\n  const handleEscalationFrequencyChange = (\n    index: number,\n    value: ReminderFrequencyValue | null\n  ) => {\n    updateOwnerField(index, \"days\", value);\n  };\n\n  const handleActionChange = (index: number, value: string) => {\n    updateOwnerField(index, \"before_or_after\", value);\n  };\n\n  const handleRepeatFrequencyChange = (\n    index: number,\n    value: ReminderFrequencyValue | null\n  ) => {\n    updateOwnerField(index, \"escalation_reminder_frequency\", value);\n  };\n\n  const handleEscalationChange = (index: number, value: boolean) => {\n    updateOwnerField(index, \"is_escalation_reminder\", value);\n    if (!value) {\n      updateOwnerField(index, \"days\", {\n        type: \"preset\",\n        value: \"\",\n      });\n      updateOwnerField(index, \"escalation_reminder_frequency\", {\n        type: \"preset\",\n        value: \"\",\n      });\n      updateOwnerField(index, \"before_or_after\", \"\");\n    }\n  };\n\n  const getFrequencyMs = (frequency: ReminderFrequencyValue | null) => {\n    if (!frequency) return null;\n\n    if (frequency.type === \"custom\") {\n      if (Number(frequency.value) <= 0) {\n        return null;\n      }\n\n      return Number(frequency.value) * 60 * 60 * 1000;\n    }\n\n    const map: Record<string, number> = {\n      \"1/2 hour\": 30 * 60 * 1000,\n      \"1 hour\": 60 * 60 * 1000,\n      \"4 hours\": 4 * 60 * 60 * 1000,\n      \"6 hours\": 6 * 60 * 60 * 1000,\n      \"12 hours\": 12 * 60 * 60 * 1000,\n      \"24 hours\": 24 * 60 * 60 * 1000,\n      \"48 hours\": 48 * 60 * 60 * 1000,\n      \"72 hours\": 72 * 60 * 60 * 1000,\n      \"96 hours\": 96 * 60 * 60 * 1000,\n\n      \"1/2 day\": 12 * 60 * 60 * 1000,\n      \"1 day\": 24 * 60 * 60 * 1000,\n      \"2 days\": 2 * 24 * 60 * 60 * 1000,\n      \"3 days\": 3 * 24 * 60 * 60 * 1000,\n      \"4 days\": 4 * 24 * 60 * 60 * 1000,\n    };\n\n    return map[frequency.value] ?? null;\n  };\n\n  const generateReminderDates = (\n    startDate: string,\n    dueDate: string,\n    frequency: ReminderFrequencyValue | null\n  ) => {\n    if (!startDate || !dueDate || !frequency) {\n      return [];\n    }\n\n    const interval = getFrequencyMs(frequency);\n\n    if (!interval) {\n      return [];\n    }\n\n    const reminders: string[] = [];\n\n    let current = dayjs(startDate).valueOf();\n    const end = dayjs(dueDate).valueOf();\n\n    while (current <= end) {\n      reminders.push(dayjs(current).toISOString());\n      current += interval;\n    }\n\n    return reminders;\n  };\n\n  const generateEscalationDates = (\n    dueAt: string,\n    escalationFrequency: ReminderFrequencyValue | null,\n    action: string,\n    repeatFrequency: ReminderFrequencyValue | null\n  ) => {\n    if (!dueAt || !escalationFrequency || !repeatFrequency || !action) {\n      return [];\n    }\n\n    const repeatMs = getFrequencyMs(repeatFrequency);\n\n    if (!repeatMs) {\n      return [];\n    }\n\n    const due = dayjs(dueAt);\n\n    const days =\n      escalationFrequency.type === \"custom\"\n        ? Number(escalationFrequency.value)\n        : Number(\n            escalationFrequency.value.split(\" \")[0] === \"1/2\"\n              ? 0.5\n              : Number(escalationFrequency.value.split(\" \")[0])\n          );\n\n    const dates: string[] = [];\n\n    let startDate: dayjs.Dayjs;\n\n    switch (action) {\n      case \"Before\":\n        startDate = due.subtract(days, \"day\");\n        break;\n\n      case \"After\":\n        startDate = due.add(days, \"day\");\n        break;\n\n      default:\n        return [];\n    }\n\n    let current = startDate.valueOf();\n\n    for (let i = 0; i < 1000; i++) {\n      dates.push(dayjs(current).toISOString());\n      current += repeatMs;\n    }\n\n    return dates;\n  };\n\n  const handleCheckboxChange = (name: string) => {\n    setRecipients((prev) =>\n      prev.map((user) =>\n        user.name === name\n          ? { ...user, checked: !user.checked }\n          : user\n      )\n    );\n  };\n\n  const getInitials = (name: string) => {\n    if (!name) return \"\";\n    return name.split(\" \").map((part) => part[0]).join(\"\").toUpperCase()\n  };\n\n  useEffect(() => {\n    const dueAt = data?.due_at || \"\";\n\n    const schedules = remainderOwners?.map((owner) => {\n      const assignee = assignees.find((a) => a.id === String(owner.id));\n\n      return {\n        ownerId: owner.id,\n        ownerName: assignee?.name,\n        ownerColor: assignee?.color,\n\n        reminders: generateReminderDates(\n          owner.reminder_start_date,\n          dueAt,\n          owner.reminder_frequency\n        ),\n\n        escalations: generateEscalationDates(\n          dueAt,\n          owner.days,\n          owner.before_or_after,\n          owner.escalation_reminder_frequency\n        ),\n      };\n    });\n\n    setSchedules(schedules);\n  }, [remainderOwners]);\n\n  useEffect(() => {\n    if (!data?.assignee) return;\n\n    const dataAssignees = Object.values(data.assignee)\n      .filter((user: any) => user && Object.keys(user).length > 0)\n      .map((user: any , index) => ({\n        name: user.name,\n        checked: false,\n        recipientsColor : recipientsColor[index]\n      }));\n\n    const setData = dataAssignees.length > 0 ? dataAssignees : fallbackRecipients\n    setRecipients(setData);\n\n  }, [data]);\n\n  const assigneeList = Object.values(data?.assignee || {}).filter((user: any) => user?.name);\n\n  return (\n    <div className={styles.mrContainer}>\n      <div\n        className={styles.mrSectionBox}\n        onClick={() => setIsOpen((prev) => !prev)}\n      >\n        {/* Header */}\n        <div className={styles.mrSectionHeader}>\n          <div className={styles.mrSectionHeaderContent}>\n            <div className={styles.mrSectionHeaderLeft}>\n              <div className={styles.mrSectionTitleWrapper}>\n                <div className={styles.mrSectionTitleIcon}>\n                  <Send className={styles.mrIconSmall} />\n                </div>\n\n                <div className={styles.mrSectionTitle}>\n                  {manualReminderTitle}\n                </div>\n              </div>\n\n              <div className={styles.mrSectionDescription}>\n                {manualReminderDescription}\n              </div>\n            </div>\n            <div className={styles.mrSectionHeaderRight}>\n              <button\n                type=\"button\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  setIsOpen((prev) => !prev);\n                }}\n                className={styles.mrChevronButton}\n              >\n                <ChevronDown\n                  className={`${styles.mrChevronIcon} ${\n                    isOpen ? styles.mrChevronRotated : \"\"\n                  }`}\n                />\n              </button>\n            </div>\n          </div>\n\n          <AnimatePresence>\n            {showASuccessMessage && (\n              <motion.div\n                initial={{ opacity: 0, y: -10 }}\n                animate={{ opacity: 1, y: 0 }}\n                exit={{ opacity: 0, y: -10 }}\n                transition={{ duration: 0.2 }}\n                className={styles.mrSuccessMessage}\n              >\n                <div className={styles.mrSuccessIcon}>\n                  <div className={styles.mrSuccessIconInner}>\n                    <CircleCheckBigIcon className={styles.mrIconSuccess} />\n                  </div>\n                </div>\n\n                <div className={styles.mrSuccessText}>\n                  <div className={styles.mrSuccessTitle}>\n                    {reminderSuccessTitle}\n                  </div>\n\n                  <div className={styles.mrSuccessDescription}>\n                    {reminderSuccessDescription}\n                  </div>\n                </div>\n              </motion.div>\n            )}\n          </AnimatePresence>\n        </div>\n\n        {/* Hidden Section */}\n        <AnimatePresence>\n          {isOpen && (\n            <motion.div\n              initial={{ height: 0, opacity: 0 }}\n              animate={{ height: \"auto\", opacity: 1 }}\n              exit={{ height: 0, opacity: 0 }}\n              transition={{ duration: 0.3 }}\n              className={styles.mrHiddenSection}\n              style={{\n                pointerEvents: isOpen ? \"auto\" : \"none\",\n              }}\n            >\n             \n              {/* Recipients */}\n              <div className={styles.mrRecipientsSection}>\n                <div className={styles.mrRecipientsLabel}>\n                  {selectRecipientsLabel}\n                </div>\n\n                <div className={styles.mrRecipientsGrid}>\n                  {recipients.map((user : any) => (\n                    <div\n                      key={user.name}\n                      className={styles.mrRecipientItem}\n                    >\n                      <Checkbox\n                        checked={user.checked}\n                        onChange={() => handleCheckboxChange(user.name)}\n                        onClick={(e) => e.stopPropagation()}\n                        size=\"small\"\n                        disableRipple\n                        icon={\n                          <div className={styles.mrCheckboxUnchecked} />\n                        }\n                        checkedIcon={\n                          <div className={styles.mrCheckboxChecked}>\n                            <svg\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 12 10\"\n                              fill=\"none\"\n                              className={styles.mrCheckboxIcon}\n                            >\n                              <path\n                                d=\"M1 5L4.2 8L11 1\"\n                                stroke=\"#5925DC\"\n                                strokeWidth=\"1.8\"\n                                strokeLinecap=\"round\"\n                                strokeLinejoin=\"round\"\n                              />\n                            </svg>\n                          </div>\n                        }\n                        sx={{\n                          padding: 0,\n                        }}\n                      />\n\n                      <div className={styles.mrRecipientInfo}>\n                        <div\n                          className={styles.mrRecipientAvatar}\n                          style={{\n                            backgroundColor: user.recipientsColor.bg,\n                            color: user.recipientsColor.text,\n                          }}\n                        >\n                          {getInitials(user.name)}\n                        </div>\n\n                        <div className={styles.mrRecipientName}>\n                          {user.name}\n                        </div>\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n\n              {/* Actions */}\n              <div className={styles.mrActionsSection}>\n                {showPreviewEmail && (\n                <button\n                  onClick={(e) => {\n                    e.stopPropagation();\n                  }}\n                  type=\"button\"\n                  className={`${styles.mrActionButton} ${styles.mrActionButtonSecondary}`}\n                >\n                  <Mail className={styles.mrIconAction} />\n                  {previewEmailButtonLabel}\n                </button>\n                   )}\n\n                <button\n                  type=\"button\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    setShowASuccessMessage(true);\n                    setTimeout(() => {\n                      setShowASuccessMessage(false);\n                    }, 3000);\n                    handelSendNow();\n                  }}\n                  className={`${styles.mrActionButton} ${styles.mrActionButtonPrimary}`}\n                >\n                  {sendNowButtonLabel}\n                </button>\n              </div>\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </div>\n\n      <div className={styles.mrMainContent}>\n        <div className={styles.mrEscalationContainer}>\n          <div\n            className={styles.mrEscalationHeaderWrapper}\n            onClick={(e) => {\n              e.stopPropagation();\n              setIsOpenReminder((prev) => !prev);\n            }}\n          >\n            <div className={styles.mrEscalationHeader}>\n              <div className={styles.mrEscalationTitleWrapper}>\n                <div className={styles.mrEscalationTitleText}>\n                  {escalationTitle}\n                </div>\n\n                <div className={styles.mrTooltipIcon}>\n                  {/* <CustomTooltip\n                    title={\"\"}\n                    heading={escalationTitleTooltip.heading}\n                    summary={escalationTitleTooltip.summary}\n                  > */}\n                    <InfoIcon stroke=\"#64748B\" className={styles.mrIconInfo} />\n                  {/* </CustomTooltip> */}\n                </div>\n              </div>\n\n              <div className={styles.mrEscalationActions}>\n                {showPreviewEmail && (\n                <button className={styles.mrEscalationPreviewButton}>\n                  <div className={styles.mrEscalationPreviewIcon}>\n                    <Mail className={styles.mrIconPreview} />\n                  </div>\n\n                  <span className={styles.mrEscalationPreviewText}>\n                    {previewEmailButtonLabel}\n                  </span>\n                </button>\n                )}\n\n                <button\n                  type=\"button\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    setIsOpenReminder((prev) => !prev);\n                  }}\n                  className={styles.mrChevronButton}\n                >\n                  <ChevronDown\n                    className={`${styles.mrChevronIcon} ${\n                      isOpenReminder ? styles.mrChevronRotated : \"\"\n                    }`}\n                  />\n                </button>\n              </div>\n            </div>\n\n            <div className={styles.mrEscalationDescription}>\n              {escalationDescription}\n            </div>\n          </div>\n          <AnimatePresence initial={false}>\n            {isOpenReminder && (\n              <motion.div\n                layout\n                initial={{\n                  opacity: 0,\n                  scaleY: 0.96,\n                }}\n                animate={{\n                  opacity: 1,\n                  scaleY: 1,\n                }}\n                exit={{\n                  opacity: 0,\n                  scaleY: 0.96,\n                }}\n                transition={{\n                  duration: 0.3,\n                  ease: \"easeInOut\",\n                }}\n                style={{\n                  transformOrigin: \"top\",\n                  overflow: \"hidden\",\n                }}\n              >\n                <Reorder.Group\n                  axis=\"y\"\n                  values={remainderOwners || []}\n                  onReorder={handleReorder}\n                  layoutScroll\n                  className={styles.mrReorderGroup}\n                >\n                  {remainderOwners?.map((owner, index) => {\n                    const assignee = assigneeList[index] || fallbackRecipients[index] as any;\n                    return (\n                    <Reorder.Item\n                      key={owner.id || index}\n                      value={owner}\n                      dragControls={controls}\n                      layout={\"position\"}\n                      className=\"\"\n                    >\n                      <div className={styles.mrReminderItem}>\n                        <div className={styles.mrReminderLabelBox}>\n                          <div className={styles.mrReminderLabelInner}>\n                            <Chip\n                              label={labels[index]}\n                              sx={{\n                                backgroundColor: colors[index].bg,\n                                minWidth: 90,\n                                color: colors[index].text,\n                                fontWeight: 500,\n                              }}\n                            />\n                          </div>\n                        </div>\n\n                        <div className={styles.mrReminderContent}>\n                          {/* Draggable Content */}\n                          <div className={styles.mrDragHandle}>\n                            <DragIndicatorIcon\n                              onPointerDown={(e) => controls.start(e)}\n                              sx={{ color: \"#9e9e9e\" }}\n                            />\n                          </div>\n                          <Box\n                            display=\"flex\"\n                            alignItems=\"center\"\n                            gap={2}\n                            border=\"1px solid #E5E7EB\"\n                            sx={{ background: \"#fff\" }}\n                            className={styles.mrReminderBox}\n                          >\n                            <div className={styles.mrReminderFields}>\n                              {/* Header */}\n                              <div className={styles.mrReminderHeader}>\n                                <div className={styles.mrReminderAssignee}>\n                                  <div className={styles.mrReminderAvatar}>\n                                    <span className={styles.mrReminderInitials}>\n                                      {getInitials(assignee?.name)}\n                                    </span>\n                                  </div>\n\n                                  <span className={styles.mrReminderName}>\n                                    {assignee?.name}\n                                  </span>\n                                </div>\n\n                                <div\n                                  className={styles.mrReminderStatement}\n                                  style={{\n                                    backgroundColor: chipColor[index]?.bg,\n                                  }}\n                                >\n                                  <span\n                                    className={styles.mrReminderStatementText}\n                                    style={{ color: chipColor[index]?.text }}\n                                  >\n                                    {getDynamicStatement(owner)}\n                                  </span>\n                                </div>\n                              </div>\n\n                              {/* Fields */}\n                              <div className={styles.mrReminderDateFields}>\n                                {/* Reminder Start Date */}\n                                <div className={styles.mrReminderField}>\n                                  <p className={styles.mrReminderFieldLabel}>\n                                    {reminderStartDateLabel}\n                                  </p>\n\n                                  <div className={styles.mrReminderDatePicker}>\n                                    <LocalizationProvider\n                                      dateAdapter={AdapterDayjs}\n                                    >\n                                      <DatePicker\n                                        value={\n                                          owner.reminder_start_date\n                                            ? dayjs(owner.reminder_start_date)\n                                            : null\n                                        }\n                                        disablePast\n                                        format=\"MM/DD/YYYY\"\n                                        onChange={(newValue : any) => {\n                                          if (\n                                            newValue &&\n                                            dayjs(newValue).isBefore(\n                                              dayjs(),\n                                              \"day\"\n                                            )\n                                          ) {\n                                            return;\n                                          }\n\n                                          const formattedDate = newValue\n                                            ? dayjs(newValue).toISOString()\n                                            : \"\";\n                                          handleStartDateChange(\n                                            index,\n                                            newValue\n                                              ? dayjs(\n                                                  formattedDate\n                                                ).toISOString()\n                                              : \"\"\n                                          );\n                                        }}\n                                        slotProps={{\n                                          actionBar: {\n                                            actions: [\"clear\"],\n                                          },\n                                          textField: {\n                                            fullWidth: true,\n                                            size: \"small\",\n                                            sx: inputStyle,\n                                            placeholder: \"MM/DD/YYYY\",\n                                          },\n                                          openPickerButton: {\n                                            id: \"trial-start-date-picker-icon\",\n                                            \"data-testid\":\n                                              \"trial-start-date-picker-icon\",\n                                            size: \"small\",\n                                          } as any,\n                                          openPickerIcon: {\n                                            sx: {\n                                              fontSize: \"14px\",\n                                            },\n                                          },\n                                        }}\n                                      />\n                                    </LocalizationProvider>\n                                    <ArrowRight className={styles.mrIconArrow} />\n                                  </div>\n                                </div>\n\n                                {/* Due Date */}\n                                <div className={styles.mrReminderField}>\n                                  <p className={styles.mrReminderFieldLabel}>\n                                    {documentDueDateLabel}\n                                  </p>\n\n                                  <div className={styles.mrReminderDueDate}>\n                                    {data?.due_at\n                                      ? dayjs(data.due_at).format(\"MM/DD/YYYY\")\n                                      : \"\"}\n                                  </div>\n                                </div>\n\n                                {/* Frequency */}\n                                <div className={styles.mrReminderField}>\n                                  <p className={styles.mrReminderFieldLabel}>\n                                    {reminderFrequencyLabel}\n                                  </p>\n\n                                  <div className={styles.mrReminderFrequency}>\n                                    <span className={styles.mrReminderFrequencyText}>\n                                      Every\n                                    </span>\n\n                                    <ReminderFrequencyAutocomplete\n                                      value={owner.reminder_frequency as any}\n                                      onChange={(value : any) =>\n                                        handleReminderFrequencyChange(\n                                          index,\n                                          value as ReminderFrequencyValue\n                                        )\n                                      }\n                                      options={reminderFrequencyOptions}\n                                      suffix=\"hours\"\n                                    />\n                                  </div>\n                                </div>\n                              </div>\n\n                              {/* Escalation */}\n                              <div className={styles.mrEscalationCheckbox}>\n                                <div className={styles.mrEscalationCheckboxHeader}>\n                                  <Checkbox\n                                    size=\"small\"\n                                    disableRipple\n                                    checked={owner.is_escalation_reminder}\n                                    onChange={(e) => {\n                                      handleEscalationChange(\n                                        index,\n                                        e.target.checked\n                                      );\n                                    }}\n                                    icon={\n                                      <div className={styles.mrCheckboxUnchecked} />\n                                    }\n                                    checkedIcon={\n                                      <div className={styles.mrCheckboxChecked}>\n                                        <svg\n                                          xmlns=\"http://www.w3.org/2000/svg\"\n                                          viewBox=\"0 0 12 10\"\n                                          fill=\"none\"\n                                          className={styles.mrCheckboxIcon}\n                                        >\n                                          <path\n                                            d=\"M1 5L4.2 8L11 1\"\n                                            stroke=\"#5925DC\"\n                                            strokeWidth=\"1.8\"\n                                            strokeLinecap=\"round\"\n                                            strokeLinejoin=\"round\"\n                                          />\n                                        </svg>\n                                      </div>\n                                    }\n                                    sx={{\n                                      padding: 0,\n                                    }}\n                                  />\n                                  {escalationRemindersLabel}\n                                  <div className={styles.mrTooltipIcon}>\n                                    {/* <CustomTooltip\n                                      title={\"\"}\n                                      heading={escalationTooltip.heading}\n                                      summary={escalationTooltip.summary}\n                                    > */}\n                                      <InfoIcon\n                                        stroke=\"#64748B\"\n                                        className={styles.mrIconInfo}\n                                      />\n                                    {/* </CustomTooltip> */}\n                                  </div>\n                                </div>\n                                <AnimatePresence>\n                                  {owner.is_escalation_reminder && (\n                                    <motion.div\n                                      initial={{ height: 0, opacity: 0 }}\n                                      animate={{ height: \"auto\", opacity: 1 }}\n                                      exit={{ height: 0, opacity: 0 }}\n                                      transition={{ duration: 0.3 }}\n                                      className={styles.mrEscalationContent}\n                                    >\n                                      <div className={styles.mrEscalationCondition}>\n                                        {escalationConditionText}\n                                      </div>\n                                      <div className={styles.mrEscalationFields}>\n                                        <div className={styles.mrEscalationFieldGroup}>\n                                          <ReminderFrequencyAutocomplete\n                                            value={owner.days as any}\n                                            onChange={(value : any) =>\n                                              handleEscalationFrequencyChange(\n                                                index,\n                                                value as ReminderFrequencyValue\n                                              )\n                                            }\n                                          />\n                                          <div className={styles.mrEscalationFieldText}>\n                                            {daysText}\n                                          </div>\n                                        </div>\n\n                                        <div className={`${styles.mrEscalationFieldGroup} ${styles.mrEscalationFieldGroupLarge}`}>\n                                          <Autocomplete\n                                            size=\"small\"\n                                            options={beforeAfterOptions}\n                                            value={owner.before_or_after as any}\n                                            onChange={(_, value) => {\n                                              handleActionChange(\n                                                index,\n                                                value || \"\"\n                                              );\n                                            }}\n                                            popupIcon={\n                                              <button\n                                                type=\"button\"\n                                                id=\"dropdown-icon\"\n                                                className={styles.mrDropdownButton}\n                                              >\n                                                <ChevronDown className={styles.mrIconDropdown} />\n                                              </button>\n                                            }\n                                            slotProps={{\n                                              paper: {\n                                                sx: {\n                                                  \"& .MuiAutocomplete-option\": {\n                                                    fontSize: \"12px\",\n                                                    minHeight: \"32px\",\n                                                  },\n                                                },\n                                              },\n                                              clearIndicator: {\n                                                sx: {\n                                                  \"& svg\": {\n                                                    fontSize: 12,\n                                                  },\n                                                },\n                                              },\n                                            }}\n                                            renderInput={(params) => (\n                                              <TextField\n                                                {...params}\n                                                placeholder={\"Select value\"}\n                                                sx={inputStyle}\n                                              />\n                                            )}\n                                            sx={{\n                                              width: \"100%\",\n                                            }}\n                                          />\n                                          <div className={styles.mrEscalationFieldText}>\n                                            {dueDataAndRepeatText}\n                                          </div>\n                                        </div>\n\n                                        <div className={styles.mrEscalationFieldGroupSmall}>\n                                          <ReminderFrequencyAutocomplete\n                                            value={\n                                              owner.escalation_reminder_frequency as any\n                                            }\n                                            onChange={(value : any) =>\n                                              handleRepeatFrequencyChange(\n                                                index,\n                                                value as ReminderFrequencyValue\n                                              )\n                                            }\n                                            options={escalationFrequencyOptions}\n                                            suffix=\"hours\"\n                                          />\n                                        </div>\n                                      </div>\n                                    </motion.div>\n                                  )}\n                                </AnimatePresence>\n                              </div>\n                            </div>\n                          </Box>\n                        </div>\n                      </div>\n                    </Reorder.Item>\n                    )\n                  })}\n                </Reorder.Group>\n              </motion.div>\n            )}\n          </AnimatePresence>\n        </div>\n        {isOpenReminder && (\n          <motion.div\n            initial={{ width: showCalendar ? \"345px\" : \"43px\" }}\n            animate={{ width: showCalendar ? \"345px\" : \"43px\" }}\n            transition={{ duration: 0.3 }}\n            className={styles.mrCalendarPanel}\n          >\n            {/* Calendar Panel */}\n\n            {showCalendar ? (\n              <AssigneeCalendarView assignees={schedules} />\n            ) : (\n              <div className={styles.mrCalendarCollapsed}>\n                {/* <CustomTooltip\n                  title={\"\"}\n                  heading=\"How it works:\"\n                  summary=\"A visual representation of the reminders being sent to assignees based on the configured settings.\"\n                > */}\n                  <CalendarIcon className={styles.mrIconCalendar} />\n                {/* </CustomTooltip> */}\n              </div>\n            )}\n\n            {/* Nose / Toggle Handle */}\n            <button\n              onClick={() => setShowCalendar((prev) => !prev)}\n              className={styles.mrCalendarToggle}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"19\"\n                height=\"50\"\n                viewBox=\"0 0 19 50\"\n                fill=\"none\"\n              >\n                <path\n                  d=\"M3.94434 9.65137C1.79601 11.031 0.49707 13.4087 0.49707 15.9619V35.1436C0.49707 37.8496 1.95476 40.346 4.31152 41.6758L17.5469 49.1426V0.915039L3.94434 9.65137Z\"\n                  fill=\"white\"\n                  stroke=\"#E0E0E0\"\n                />\n              </svg>\n              {showCalendar ? (\n                <ChevronRight className={styles.mrIconChevronToggle} />\n              ) : (\n                <ChevronLeft className={styles.mrIconChevronToggle} />\n              )}\n            </button>\n          </motion.div>\n        )}\n      </div>\n    </div>\n  );\n};"],"names":["defaultLabels","defaultColors","bg","text","defaultChipColor","defaultAssignees","id","name","color","startDate","Date","dueDate","defaultRecipientsColor","defaultFallbackRecipients","initials","checked","defaultGetDynamicStatement","targetOwner","is_escalation_reminder","days","value","escalation_reminder_frequency","includes","Number","before_or_after","inputStyle","height","borderRadius","fontSize","ManageReminders","data","schedules","setSchedules","remainderOwners","setRemainderOwners","labels","colors","chipColor","assignees","fallbackRecipients","recipientsColor","manualReminderTitle","manualReminderDescription","lastReminderText","selectRecipientsLabel","previewEmailButtonLabel","sendNowButtonLabel","reminderSuccessTitle","reminderSuccessDescription","escalationTitle","escalationTitleTooltip","heading","summary","escalationDescription","configureAutoReminderText","getDynamicStatement","reminderStartDateLabel","documentDueDateLabel","reminderFrequencyLabel","escalationRemindersLabel","escalationTooltip","escalationConditionText","daysText","dueDataAndRepeatText","reminderFrequencyOptions","escalationFrequencyOptions","beforeAfterOptions","handelSendNow","showPreviewEmail","isOpen","setIsOpen","useState","isOpenReminder","setIsOpenReminder","showASuccessMessage","setShowASuccessMessage","showCalendar","setShowCalendar","recipients","setRecipients","controls","useDragControls","updateOwnerField","index","field","prev","map","owner","i","getFrequencyMs","frequency","type","generateReminderDates","interval","reminders","current","dayjs","valueOf","end","push","toISOString","generateEscalationDates","dueAt","escalationFrequency","action","repeatFrequency","repeatMs","due","split","dates","subtract","add","getInitials","part","join","toUpperCase","useEffect","due_at","assignee","find","a","String","ownerId","ownerName","ownerColor","reminder_start_date","reminder_frequency","escalations","dataAssignees","Object","values","filter","user","keys","length","setData","assigneeList","jsxs","className","styles","mrContainer","children","mrSectionBox","onClick","mrSectionHeader","mrSectionHeaderContent","mrSectionHeaderLeft","mrSectionTitleWrapper","jsx","mrSectionTitleIcon","Send","mrIconSmall","mrSectionTitle","mrSectionDescription","mrSectionHeaderRight","e","stopPropagation","mrChevronButton","ChevronDown","mrChevronIcon","mrChevronRotated","AnimatePresence","motion","div","initial","opacity","y","animate","exit","transition","duration","mrSuccessMessage","mrSuccessIcon","mrSuccessIconInner","CircleCheckBigIcon","mrIconSuccess","mrSuccessText","mrSuccessTitle","mrSuccessDescription","mrHiddenSection","style","pointerEvents","mrRecipientsSection","mrRecipientsLabel","mrRecipientsGrid","mrRecipientItem","Checkbox","onChange","handleCheckboxChange","size","disableRipple","icon","mrCheckboxUnchecked","checkedIcon","mrCheckboxChecked","xmlns","viewBox","fill","mrCheckboxIcon","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","sx","padding","mrRecipientInfo","mrRecipientAvatar","backgroundColor","mrRecipientName","mrActionsSection","mrActionButton","mrActionButtonSecondary","Mail","mrIconAction","setTimeout","mrActionButtonPrimary","mrMainContent","mrEscalationContainer","mrEscalationHeaderWrapper","mrEscalationHeader","mrEscalationTitleWrapper","mrEscalationTitleText","mrTooltipIcon","InfoIcon","mrIconInfo","mrEscalationActions","mrEscalationPreviewButton","mrEscalationPreviewIcon","mrIconPreview","mrEscalationPreviewText","mrEscalationDescription","layout","scaleY","ease","transformOrigin","overflow","Reorder","Group","axis","onReorder","newOrder","layoutScroll","mrReorderGroup","Item","dragControls","mrReminderItem","mrReminderLabelBox","mrReminderLabelInner","Chip","label","minWidth","fontWeight","mrReminderContent","mrDragHandle","DragIndicatorIcon","onPointerDown","start","Box","display","alignItems","gap","border","background","mrReminderBox","mrReminderFields","mrReminderHeader","mrReminderAssignee","mrReminderAvatar","mrReminderInitials","mrReminderName","mrReminderStatement","mrReminderStatementText","mrReminderDateFields","mrReminderField","mrReminderFieldLabel","mrReminderDatePicker","LocalizationProvider","dateAdapter","AdapterDayjs","DatePicker","disablePast","format","newValue","isBefore","formattedDate","handleStartDateChange","slotProps","actionBar","actions","textField","fullWidth","placeholder","openPickerButton","openPickerIcon","ArrowRight","mrIconArrow","mrReminderDueDate","mrReminderFrequency","mrReminderFrequencyText","ReminderFrequencyAutocomplete","handleReminderFrequencyChange","options","suffix","mrEscalationCheckbox","mrEscalationCheckboxHeader","handleEscalationChange","target","mrEscalationContent","mrEscalationCondition","mrEscalationFields","mrEscalationFieldGroup","handleEscalationFrequencyChange","mrEscalationFieldText","mrEscalationFieldGroupLarge","Autocomplete","_","handleActionChange","popupIcon","mrDropdownButton","mrIconDropdown","paper","minHeight","clearIndicator","renderInput","params","TextField","width","mrEscalationFieldGroupSmall","handleRepeatFrequencyChange","mrCalendarPanel","AssigneeCalendarView","mrCalendarCollapsed","CalendarIcon","mrIconCalendar","mrCalendarToggle","ChevronRight","ChevronLeft","mrIconChevronToggle"],"mappings":"0zBA0FA,MAAMA,EAAgB,CAAC,aAAc,aAAc,cAE7CC,EAAgB,CACpB,CAAEC,GAAI,UAAWC,KAAM,WACvB,CAAED,GAAI,UAAWC,KAAM,WACvB,CAAED,GAAI,UAAWC,KAAM,YAGnBC,EAAmB,CACvB,CAAEF,GAAI,UAAWC,KAAM,WACvB,CAAED,GAAI,UAAWC,KAAM,WACvB,CAAED,GAAI,UAAWC,KAAM,YAGnBE,EAAmB,CACvB,CACEC,GAAI,IACJC,KAAM,aACNC,MAAO,UACPN,GAAI,UACJO,UAAe,IAAAC,KAAK,cACpBC,QAAa,IAAAD,KAAK,eAEpB,CACEJ,GAAI,IACJC,KAAM,aACNC,MAAO,UACPN,GAAI,UACJO,UAAe,IAAAC,KAAK,cACpBC,QAAa,IAAAD,KAAK,eAEpB,CACEJ,GAAI,IACJC,KAAM,aACNC,MAAO,UACPN,GAAI,UACJO,UAAe,IAAAC,KAAK,cACpBC,QAAa,IAAAD,KAAK,gBAIhBE,EAAyB,CAC7B,CACEV,GAAI,UACJC,KAAM,WAER,CACED,GAAI,UACJC,KAAM,WAER,CACED,GAAI,UACJC,KAAM,YAKJU,EAA4B,CAChC,CACEC,SAAU,KACVP,KAAM,cACNQ,SAAS,EACTb,GAAI,cACJC,KAAM,iBAER,CACEW,SAAU,KACVP,KAAM,eACNQ,SAAS,EACTb,GAAI,cACJC,KAAM,iBAER,CACEW,SAAU,KACVP,KAAM,gBACNQ,SAAS,EACTb,GAAI,iBACJC,KAAM,qBAIJa,EAA8BC,GAE/BA,GAAaC,wBACbD,GAAaE,MAAMC,OACS,cAA7BH,GAAaE,MAAMC,OAClBH,GAAaI,+BAA+BD,OACS,cAAtDH,GAAaI,+BAA+BD,MAIvC,mBACLH,GAAaE,MAAMC,MAAME,SAAS,OAC9BL,GAAaE,MAAMC,MACnB,GAAGH,GAAaE,MAAMC,SACpBG,OAAON,GAAaE,MAAMC,OAAS,EAAI,OAAS,WAEpDH,GAAaO,+BARR,0CAWLC,EAAa,CACjB,uBAAwB,CACtBC,OAAQ,OACRC,aAAc,MACdC,SAAU,SAIDC,EAAkB,EAC7BC,OACAC,YACAC,eACAC,kBACAC,qBAGAC,SAASnC,EACToC,SAASnC,EACToC,YAAYjC,EACZkC,YAAYjC,EACZkC,qBAAqB1B,EACrB2B,kBAAkB5B,EAGlB6B,sBAAsB,2BACtBC,4BAA4B,wDAC5BC,mBAAmB,kDACnBC,wBAAwB,qBACxBC,0BAA0B,gBAC1BC,sBAAqB,WACrBC,wBAAuB,8BACvBC,8BAA6B,0CAG7BC,mBAAkB,qCAClBC,0BAAyB,CACvBC,QAAS,gBACTC,QAAS,wFAEXC,yBAAwB,sDACxBC,6BAA4B,sDAG5BC,uBAAsBvC,EAGtBwC,0BAAyB,sBACzBC,wBAAuB,oBACvBC,0BAAyB,qBACzBC,4BAA2B,uBAC3BC,qBAAoB,CAClBT,QAAS,gBACTC,QAAS,qHAEXS,2BAA0B,+DAC1BC,YAAW,OACXC,wBAAuB,4BACvBC,4BAA2B,CAAC,WAAY,WAAY,WAAY,WAAY,UAC5EC,8BAA6B,CAAC,WAAY,SAAU,UAAW,UAAW,WAAY,UACtFC,sBAAqB,CAAC,QAAS,UAC/BC,iBACAC,qBAAmB,MAEnB,MAAOC,GAAQC,IAAaC,GAAS,IAC9BC,GAAgBC,IAAqBF,GAAS,IAC9CG,GAAqBC,IAA0BJ,GAAS,GAC7BA,EAAc,MAChD,MAAOK,GAAcC,IAAmBN,GAAS,IAC1CO,GAAYC,IAAiBR,EAAgBhC,GAE9CyC,GAAWC,IAOXC,GAAmB,CACvBC,EACAC,EACAhE,KAEAc,EAAoBmD,GAClBA,EAAKC,IAAI,CAACC,EAAOC,IACfA,IAAML,EACF,IACKI,EACHH,CAACA,GAAQhE,GAEXmE,KAiDJE,GAAkBC,IAClB,IAACA,EAAkB,OAAA,KAEnBA,GAAmB,WAAnBA,EAAUC,KACZ,OAAIpE,OAAOmE,EAAUtE,QAAU,EACtB,KAGwB,GAA1BG,OAAOmE,EAAUtE,OAAc,GAAK,IAqBtC,MAlB6B,CAClC,WAAY,KACZ,SAAU,KACV,UAAW,MACX,UAAW,MACX,WAAY,MACZ,WAAY,MACZ,WAAY,OACZ,WAAY,OACZ,WAAY,OAEZ,UAAW,MACX,QAAS,MACT,SAAU,OACV,SAAU,OACV,SAAU,QAGDsE,EAAUtE,QAAU,MAG3BwE,GAAwB,CAC5BnF,EACAE,EACA+E,KAEA,IAAKjF,IAAcE,IAAY+E,EAC7B,MAAO,GAGH,MAAAG,EAAWJ,GAAeC,GAEhC,IAAKG,EACH,MAAO,GAGT,MAAMC,EAAsB,GAE5B,IAAIC,EAAUC,EAAMvF,GAAWwF,UAC/B,MAAMC,EAAMF,EAAMrF,GAASsF,UAE3B,KAAOF,GAAWG,GAChBJ,EAAUK,KAAKH,EAAMD,GAASK,eACnBL,GAAAF,EAGN,OAAAC,GAGHO,GAA0B,CAC9BC,EACAC,EACAC,EACAC,KAEA,KAAKH,GAAUC,GAAwBE,GAAoBD,GACzD,MAAO,GAGH,MAAAE,EAAWjB,GAAegB,GAEhC,IAAKC,EACH,MAAO,GAGH,MAAAC,EAAMX,EAAMM,GAEZnF,EACyB,WAA7BoF,EAAoBZ,KAChBpE,OAAOgF,EAAoBnF,OAC3BG,OAC8C,QAA5CgF,EAAoBnF,MAAMwF,MAAM,KAAK,GACjC,GACArF,OAAOgF,EAAoBnF,MAAMwF,MAAM,KAAK,KAGlDC,EAAkB,GAEpB,IAAApG,EAEJ,OAAQ+F,GACN,IAAK,SACS/F,EAAAkG,EAAIG,SAAS3F,EAAM,OAC/B,MAEF,IAAK,QACSV,EAAAkG,EAAII,IAAI5F,EAAM,OAC1B,MAEF,QACE,MAAO,GAGP,IAAA4E,EAAUtF,EAAUwF,UAExB,IAAA,IAAST,EAAI,EAAGA,EAAI,IAAMA,IACxBqB,EAAMV,KAAKH,EAAMD,GAASK,eACfL,GAAAW,EAGN,OAAAG,GAaHG,GAAezG,GACdA,EACEA,EAAKqG,MAAM,KAAKtB,IAAK2B,GAASA,EAAK,IAAIC,KAAK,IAAIC,cADrC,GAIpBC,EAAU,KACF,MAAAd,EAAQxE,GAAMuF,QAAU,GAExBtF,EAAYE,GAAiBqD,IAAKC,IAChC,MAAA+B,EAAWhF,EAAUiF,KAAMC,GAAMA,EAAElH,KAAOmH,OAAOlC,EAAMjF,KAEtD,MAAA,CACLoH,QAASnC,EAAMjF,GACfqH,UAAWL,GAAU/G,KACrBqH,WAAYN,GAAU9G,MAEtBsF,UAAWF,GACTL,EAAMsC,oBACNvB,EACAf,EAAMuC,oBAGRC,YAAa1B,GACXC,EACAf,EAAMpE,KACNoE,EAAM/D,gBACN+D,EAAMlE,kCAKZW,EAAaD,IACZ,CAACE,IAEJmF,EAAU,KACJ,IAACtF,GAAMwF,SAAU,OAEf,MAAAU,EAAgBC,OAAOC,OAAOpG,EAAKwF,UACtCa,OAAQC,GAAcA,GAAQH,OAAOI,KAAKD,GAAME,OAAS,GACzDhD,IAAI,CAAC8C,EAAYjD,KAAW,CAC3B5E,KAAM6H,EAAK7H,KACXQ,SAAS,EACTyB,gBAAkBA,EAAgB2C,MAGhCoD,EAAUP,EAAcM,OAAS,EAAIN,EAAgBzF,EAC3DwC,GAAcwD,IAEb,CAACzG,IAEJ,MAAM0G,GAAeP,OAAOC,OAAOpG,GAAMwF,UAAY,IAAIa,OAAQC,GAAcA,GAAM7H,MAErF,OACGkI,EAAA,MAAA,CAAIC,UAAWC,EAAOC,YACrBC,SAAA,CAAAJ,EAAC,MAAA,CACCC,UAAWC,EAAOG,aAClBC,QAAS,IAAMzE,GAAWe,IAAUA,GAGpCwD,SAAA,CAACJ,EAAA,MAAA,CAAIC,UAAWC,EAAOK,gBACrBH,SAAA,CAACJ,EAAA,MAAA,CAAIC,UAAWC,EAAOM,uBACrBJ,SAAA,CAACJ,EAAA,MAAA,CAAIC,UAAWC,EAAOO,oBACrBL,SAAA,CAACJ,EAAA,MAAA,CAAIC,UAAWC,EAAOQ,sBACrBN,SAAA,CAACO,EAAA,MAAA,CAAIV,UAAWC,EAAOU,mBACrBR,WAACS,EAAK,CAAAZ,UAAWC,EAAOY,gBAGzBH,EAAA,MAAA,CAAIV,UAAWC,EAAOa,eACpBX,SACHpG,OAGD2G,EAAA,MAAA,CAAIV,UAAWC,EAAOc,qBACpBZ,SACHnG,OAED0G,EAAA,MAAA,CAAIV,UAAWC,EAAOe,qBACrBb,SAAAO,EAAC,SAAA,CACCzD,KAAK,SACLoD,QAAUY,IACRA,EAAEC,kBACQtF,GAACe,IAAUA,IAEvBqD,UAAWC,EAAOkB,gBAElBhB,SAAAO,EAACU,EAAA,CACCpB,UAAW,GAAGC,EAAOoB,iBACnB1F,GAASsE,EAAOqB,iBAAmB,cAO7CZ,EAACa,GACEpB,SACCnE,IAAA+D,EAACyB,EAAOC,IAAP,CACCC,QAAS,CAAEC,QAAS,EAAGC,GAAO,IAC9BC,QAAS,CAAEF,QAAS,EAAGC,EAAG,GAC1BE,KAAM,CAAEH,QAAS,EAAGC,GAAO,IAC3BG,WAAY,CAAEC,SAAU,IACxBhC,UAAWC,EAAOgC,iBAElB9B,SAAA,CAAAO,EAAC,MAAI,CAAAV,UAAWC,EAAOiC,cACrB/B,WAAC,MAAI,CAAAH,UAAWC,EAAOkC,mBACrBhC,WAACiC,EAAmB,CAAApC,UAAWC,EAAOoC,oBAIzCtC,EAAA,MAAA,CAAIC,UAAWC,EAAOqC,cACrBnC,SAAA,CAAAO,EAAC,MAAI,CAAAV,UAAWC,EAAOsC,eACpBpC,SACH9F,KAECqG,EAAA,MAAA,CAAIV,UAAWC,EAAOuC,qBACpBrC,SACH7F,gBAQVoG,EAACa,GACEpB,SACCxE,IAAAoE,EAACyB,EAAOC,IAAP,CACCC,QAAS,CAAE1I,OAAQ,EAAG2I,QAAS,GAC/BE,QAAS,CAAE7I,OAAQ,OAAQ2I,QAAS,GACpCG,KAAM,CAAE9I,OAAQ,EAAG2I,QAAS,GAC5BI,WAAY,CAAEC,SAAU,IACxBhC,UAAWC,EAAOwC,gBAClBC,MAAO,CACLC,cAAehH,GAAS,OAAS,QAKnCwE,SAAA,CAACJ,EAAA,MAAA,CAAIC,UAAWC,EAAO2C,oBACrBzC,SAAA,CAAAO,EAAC,MAAI,CAAAV,UAAWC,EAAO4C,kBACpB1C,SACHjG,IAEAwG,EAAC,OAAIV,UAAWC,EAAO6C,iBACpB3C,SAAW/D,GAAAQ,IAAK8C,GACfK,EAAC,MAAA,CAECC,UAAWC,EAAO8C,gBAElB5C,SAAA,CAAAO,EAACsC,EAAA,CACC3K,QAASqH,EAAKrH,QACd4K,SAAU,KAAMC,OAjKRrL,EAiK6B6H,EAAK7H,UAhK9DwE,GAAeM,GACbA,EAAKC,IAAK8C,GACRA,EAAK7H,OAASA,EACV,IAAK6H,EAAMrH,SAAUqH,EAAKrH,SAC1BqH,IALmB,IAAC7H,GAkKRwI,QAAUY,GAAMA,EAAEC,kBAClBiC,KAAK,QACLC,eAAa,EACbC,KACE3C,EAAC,MAAI,CAAAV,UAAWC,EAAOqD,sBAEzBC,YACE7C,EAAC,MAAI,CAAAV,UAAWC,EAAOuD,kBACrBrD,SAAAO,EAAC,MAAA,CACC+C,MAAM,6BACNC,QAAQ,YACRC,KAAK,OACL3D,UAAWC,EAAO2D,eAElBzD,SAAAO,EAAC,OAAA,CACCmD,EAAE,kBACFC,OAAO,UACPC,YAAY,MACZC,cAAc,QACdC,eAAe,cAKvBC,GAAI,CACFC,QAAS,KAIZpE,EAAA,MAAA,CAAIC,UAAWC,EAAOmE,gBACrBjE,SAAA,CAAAO,EAAC,MAAA,CACCV,UAAWC,EAAOoE,kBAClB3B,MAAO,CACL4B,gBAAiB5E,EAAK5F,gBAAgBtC,GACtCM,MAAO4H,EAAK5F,gBAAgBrC,MAG7B0I,SAAA7B,GAAYoB,EAAK7H,UAGnB,MAAI,CAAAmI,UAAWC,EAAOsE,gBACpBpE,WAAKtI,YA/CL6H,EAAK7H,YAwDjBkI,EAAA,MAAA,CAAIC,UAAWC,EAAOuE,iBACpBrE,SAAA,CACDzE,IAAAqE,EAAC,SAAA,CACCM,QAAUY,IACRA,EAAEC,mBAEJjE,KAAK,SACL+C,UAAW,GAAGC,EAAOwE,kBAAkBxE,EAAOyE,0BAE9CvE,SAAA,CAACO,EAAAiE,EAAA,CAAK3E,UAAWC,EAAO2E,eACvBzK,KAIHuG,EAAC,SAAA,CACCzD,KAAK,SACLoD,QAAUY,IACRA,EAAEC,kBACFjF,IAAuB,GACvB4I,WAAW,KACT5I,IAAuB,IACtB,KACWR,MAEhBuE,UAAW,GAAGC,EAAOwE,kBAAkBxE,EAAO6E,wBAE7C3E,SAAA/F,gBAQZ2F,EAAA,MAAA,CAAIC,UAAWC,EAAO8E,cACrB5E,SAAA,CAACJ,EAAA,MAAA,CAAIC,UAAWC,EAAO+E,sBACrB7E,SAAA,CAAAJ,EAAC,MAAA,CACCC,UAAWC,EAAOgF,0BAClB5E,QAAUY,IACRA,EAAEC,kBACgBnF,GAACY,IAAUA,IAG/BwD,SAAA,CAACJ,EAAA,MAAA,CAAIC,UAAWC,EAAOiF,mBACrB/E,SAAA,CAACJ,EAAA,MAAA,CAAIC,UAAWC,EAAOkF,yBACrBhF,SAAA,CAAAO,EAAC,MAAI,CAAAV,UAAWC,EAAOmF,sBACpBjF,SACH5F,KAECmG,EAAA,MAAA,CAAIV,UAAWC,EAAOoF,cAMnBlF,SAAAO,EAAC4E,EAAS,CAAAxB,OAAO,UAAU9D,UAAWC,EAAOsF,kBAKlDxF,EAAA,MAAA,CAAIC,UAAWC,EAAOuF,oBACpBrF,SAAA,CAAAzE,IACAqE,EAAA,SAAA,CAAOC,UAAWC,EAAOwF,0BACxBtF,SAAA,CAACO,EAAA,MAAA,CAAIV,UAAWC,EAAOyF,wBACrBvF,WAACwE,EAAK,CAAA3E,UAAWC,EAAO0F,kBAGzBjF,EAAA,OAAA,CAAKV,UAAWC,EAAO2F,wBACrBzF,SACHhG,OAIFuG,EAAC,SAAA,CACCzD,KAAK,SACLoD,QAAUY,IACRA,EAAEC,kBACgBnF,GAACY,IAAUA,IAE/BqD,UAAWC,EAAOkB,gBAElBhB,SAAAO,EAACU,EAAA,CACCpB,UAAW,GAAGC,EAAOoB,iBACnBvF,GAAiBmE,EAAOqB,iBAAmB,eAOpDZ,EAAA,MAAA,CAAIV,UAAWC,EAAO4F,wBACpB1F,SACHxF,QAED+F,EAAAa,EAAA,CAAgBG,SAAS,EACvBvB,SACCrE,IAAA4E,EAACc,EAAOC,IAAP,CACCqE,QAAM,EACNpE,QAAS,CACPC,QAAS,EACToE,OAAQ,KAEVlE,QAAS,CACPF,QAAS,EACToE,OAAQ,GAEVjE,KAAM,CACJH,QAAS,EACToE,OAAQ,KAEVhE,WAAY,CACVC,SAAU,GACVgE,KAAM,aAERtD,MAAO,CACLuD,gBAAiB,MACjBC,SAAU,UAGZ/F,SAAAO,EAACyF,EAAQC,MAAR,CACCC,KAAK,IACL7G,OAAQjG,GAAmB,GAC3B+M,UAlgBOC,IACrB/M,EAAmB+M,IAkgBLC,cAAY,EACZxG,UAAWC,EAAOwG,eAEjBtG,SAAiB5G,GAAAqD,IAAI,CAACC,EAAOJ,KAC5B,MAAMmC,EAAWkB,GAAarD,IAAU5C,EAAmB4C,GAE3D,OAAAiE,EAACyF,EAAQO,KAAR,CAEChO,MAAOmE,EACP8J,aAAcrK,GACdwJ,OAAQ,WACR9F,UAAU,GAEVG,SAACJ,EAAA,MAAA,CAAIC,UAAWC,EAAO2G,eACrBzG,SAAA,CAACO,EAAA,MAAA,CAAIV,UAAWC,EAAO4G,mBACrB1G,WAAC,MAAI,CAAAH,UAAWC,EAAO6G,qBACrB3G,SAAAO,EAACqG,EAAA,CACCC,MAAOvN,EAAOgD,GACdyH,GAAI,CACFI,gBAAiB5K,EAAO+C,GAAOjF,GAC/ByP,SAAU,GACVnP,MAAO4B,EAAO+C,GAAOhF,KACrByP,WAAY,WAMnBnH,EAAA,MAAA,CAAIC,UAAWC,EAAOkH,kBAErBhH,SAAA,CAACO,EAAA,MAAA,CAAIV,UAAWC,EAAOmH,aACrBjH,SAAAO,EAAC2G,EAAA,CACCC,cAAgBrG,GAAM3E,GAASiL,MAAMtG,GACrCiD,GAAI,CAAEpM,MAAO,eAGjB4I,EAAC8G,EAAA,CACCC,QAAQ,OACRC,WAAW,SACXC,IAAK,EACLC,OAAO,oBACP1D,GAAI,CAAE2D,WAAY,QAClB7H,UAAWC,EAAO6H,cAElB3H,SAACJ,EAAA,MAAA,CAAIC,UAAWC,EAAO8H,iBAErB5H,SAAA,CAACJ,EAAA,MAAA,CAAIC,UAAWC,EAAO+H,iBACrB7H,SAAA,CAACJ,EAAA,MAAA,CAAIC,UAAWC,EAAOgI,mBACrB9H,SAAA,CAAAO,EAAC,MAAI,CAAAV,UAAWC,EAAOiI,iBACrB/H,SAACO,EAAA,OAAA,CAAKV,UAAWC,EAAOkI,mBACrBhI,SAAA7B,GAAYM,GAAU/G,YAI1B,OAAK,CAAAmI,UAAWC,EAAOmI,eACrBjI,YAAUtI,UAIf6I,EAAC,MAAA,CACCV,UAAWC,EAAOoI,oBAClB3F,MAAO,CACL4B,gBAAiB3K,EAAU8C,IAAQjF,IAGrC2I,SAAAO,EAAC,OAAA,CACCV,UAAWC,EAAOqI,wBAClB5F,MAAO,CAAE5K,MAAO6B,EAAU8C,IAAQhF,MAEjC0I,YAAoBtD,UAM1BkD,EAAA,MAAA,CAAIC,UAAWC,EAAOsI,qBAErBpI,SAAA,CAACJ,EAAA,MAAA,CAAIC,UAAWC,EAAOuI,gBACrBrI,SAAA,CAAAO,EAAC,IAAE,CAAAV,UAAWC,EAAOwI,qBAClBtI,SACHrF,KAECiF,EAAA,MAAA,CAAIC,UAAWC,EAAOyI,qBACrBvI,SAAA,CAAAO,EAACiI,EAAA,CACCC,YAAaC,EAEb1I,SAAAO,EAACoI,EAAA,CACCpQ,MACEmE,EAAMsC,oBACF7B,EAAMT,EAAMsC,qBACZ,KAEN4J,aAAW,EACXC,OAAO,aACP/F,SAAWgG,IAEP,GAAAA,GACA3L,EAAM2L,GAAUC,SACd5L,IACA,OAGF,OAGF,MAAM6L,EAAgBF,EAClB3L,EAAM2L,GAAUvL,cAChB,GAxlBd,EAACjB,EAAe/D,KAC3B8D,GAAAC,EAAO,sBAAuB/D,IAwlBT0Q,CACE3M,EACAwM,EACI3L,EACE6L,GACAzL,cACF,KAGR2L,UAAW,CACTC,UAAW,CACTC,QAAS,CAAC,UAEZC,UAAW,CACTC,WAAW,EACXtG,KAAM,QACNe,GAAInL,EACJ2Q,YAAa,cAEfC,iBAAkB,CAChB/R,GAAI,+BACJ,cACE,+BACFuL,KAAM,SAERyG,eAAgB,CACd1F,GAAI,CACFhL,SAAU,cAMnBwH,EAAAmJ,EAAA,CAAW7J,UAAWC,EAAO6J,oBAKjC/J,EAAA,MAAA,CAAIC,UAAWC,EAAOuI,gBACrBrI,SAAA,CAAAO,EAAC,IAAE,CAAAV,UAAWC,EAAOwI,qBAClBtI,SACHpF,KAEC2F,EAAA,MAAA,CAAIV,UAAWC,EAAO8J,kBACpB5J,SAAM/G,GAAAuF,OACHrB,EAAMlE,EAAKuF,QAAQqK,OAAO,cAC1B,QAKPjJ,EAAA,MAAA,CAAIC,UAAWC,EAAOuI,gBACrBrI,SAAA,CAAAO,EAAC,IAAE,CAAAV,UAAWC,EAAOwI,qBAClBtI,SACHnF,KAEC+E,EAAA,MAAA,CAAIC,UAAWC,EAAO+J,oBACrB7J,SAAA,CAAAO,EAAC,OAAK,CAAAV,UAAWC,EAAOgK,wBAAyB9J,SAEjD,UAEAO,EAACwJ,EAAA,CACCxR,MAAOmE,EAAMuC,mBACb6D,SAAWvK,GAppBT,EACpC+D,EACA/D,KAEiB8D,GAAAC,EAAO,qBAAsB/D,IAipBVyR,CACE1N,EACA/D,GAGJ0R,QAAS9O,GACT+O,OAAO,mBAOdtK,EAAA,MAAA,CAAIC,UAAWC,EAAOqK,qBACrBnK,SAAA,CAACJ,EAAA,MAAA,CAAIC,UAAWC,EAAOsK,2BACrBpK,SAAA,CAAAO,EAACsC,EAAA,CACCG,KAAK,QACLC,eAAa,EACb/K,QAASwE,EAAMrE,uBACfyK,SAAWhC,IA/oBd,EAACxE,EAAe/D,KAC5B8D,GAAAC,EAAO,yBAA0B/D,GAC7CA,IACH8D,GAAiBC,EAAO,OAAQ,CAC9BQ,KAAM,SACNvE,MAAO,KAET8D,GAAiBC,EAAO,gCAAiC,CACvDQ,KAAM,SACNvE,MAAO,KAEQ8D,GAAAC,EAAO,kBAAmB,MAqoBX+N,CACE/N,EACAwE,EAAEwJ,OAAOpS,UAGbgL,KACE3C,EAAC,MAAI,CAAAV,UAAWC,EAAOqD,sBAEzBC,YACE7C,EAAC,MAAI,CAAAV,UAAWC,EAAOuD,kBACrBrD,SAAAO,EAAC,MAAA,CACC+C,MAAM,6BACNC,QAAQ,YACRC,KAAK,OACL3D,UAAWC,EAAO2D,eAElBzD,SAAAO,EAAC,OAAA,CACCmD,EAAE,kBACFC,OAAO,UACPC,YAAY,MACZC,cAAc,QACdC,eAAe,cAKvBC,GAAI,CACFC,QAAS,KAGZlJ,GACAyF,EAAA,MAAA,CAAIV,UAAWC,EAAOoF,cAMnBlF,SAAAO,EAAC4E,EAAA,CACCxB,OAAO,UACP9D,UAAWC,EAAOsF,kBAK1B7E,EAACa,EACE,CAAApB,SAAAtD,EAAMrE,wBACLuH,EAACyB,EAAOC,IAAP,CACCC,QAAS,CAAE1I,OAAQ,EAAG2I,QAAS,GAC/BE,QAAS,CAAE7I,OAAQ,OAAQ2I,QAAS,GACpCG,KAAM,CAAE9I,OAAQ,EAAG2I,QAAS,GAC5BI,WAAY,CAAEC,SAAU,IACxBhC,UAAWC,EAAOyK,oBAElBvK,SAAA,CAAAO,EAAC,MAAI,CAAAV,UAAWC,EAAO0K,sBACpBxK,SACHhF,KACC4E,EAAA,MAAA,CAAIC,UAAWC,EAAO2K,mBACrBzK,SAAA,CAACJ,EAAA,MAAA,CAAIC,UAAWC,EAAO4K,uBACrB1K,SAAA,CAAAO,EAACwJ,EAAA,CACCxR,MAAOmE,EAAMpE,KACbwK,SAAWvK,GA9tBb,EACtC+D,EACA/D,KAEiB8D,GAAAC,EAAO,OAAQ/D,IA2tBUoS,CACErO,EACA/D,KAILgI,EAAA,MAAA,CAAIV,UAAWC,EAAO8K,sBACpB5K,SACH/E,QAGF2E,EAAC,OAAIC,UAAW,GAAGC,EAAO4K,0BAA0B5K,EAAO+K,8BACzD7K,SAAA,CAAAO,EAACuK,EAAA,CACC9H,KAAK,QACLiH,QAAS5O,GACT9C,MAAOmE,EAAM/D,gBACbmK,SAAU,CAACiI,EAAGxS,KAxuB7B,EAAC+D,EAAe/D,KACxB8D,GAAAC,EAAO,kBAAmB/D,IAwuBDyS,CACE1O,EACA/D,GAAS,KAGb0S,UACE1K,EAAC,SAAA,CACCzD,KAAK,SACLrF,GAAG,gBACHoI,UAAWC,EAAOoL,iBAElBlL,SAACO,EAAAU,EAAA,CAAYpB,UAAWC,EAAOqL,mBAGnCjC,UAAW,CACTkC,MAAO,CACLrH,GAAI,CACF,4BAA6B,CAC3BhL,SAAU,OACVsS,UAAW,UAIjBC,eAAgB,CACdvH,GAAI,CACF,QAAS,CACPhL,SAAU,OAKlBwS,YAAcC,GACZjL,EAACkL,EAAA,IACKD,EACJjC,YAAa,eACbxF,GAAInL,IAGRmL,GAAI,CACF2H,MAAO,UAGVnL,EAAA,MAAA,CAAIV,UAAWC,EAAO8K,sBACpB5K,SACH9E,QAGDqF,EAAA,MAAA,CAAIV,UAAWC,EAAO6L,4BACrB3L,SAAAO,EAACwJ,EAAA,CACCxR,MACEmE,EAAMlE,8BAERsK,SAAWvK,GAzxBjB,EAClC+D,EACA/D,KAEiB8D,GAAAC,EAAO,gCAAiC/D,IAsxBfqT,CACEtP,EACA/D,GAGJ0R,QAAS7O,GACT8O,OAAO,mCAlUxBxN,EAAMjF,IAAM6E,cAsV9BX,IACCiE,EAACyB,EAAOC,IAAP,CACCC,QAAS,CAAEmK,MAAO3P,GAAe,QAAU,QAC3C2F,QAAS,CAAEgK,MAAO3P,GAAe,QAAU,QAC3C6F,WAAY,CAAEC,SAAU,IACxBhC,UAAWC,EAAO+L,gBAIjB7L,SAAA,CAAAjE,GACEwE,EAAAuL,EAAA,CAAqBrS,UAAWP,IAEhCqH,EAAA,MAAA,CAAIV,UAAWC,EAAOiM,oBAMnB/L,SAACO,EAAAyL,EAAA,CAAanM,UAAWC,EAAOmM,mBAMtCrM,EAAC,SAAA,CACCM,QAAS,IAAMlE,GAAiBQ,IAAUA,GAC1CqD,UAAWC,EAAOoM,iBAElBlM,SAAA,CAAAO,EAAC,MAAA,CACC+C,MAAM,6BACNoI,MAAM,KACN7S,OAAO,KACP0K,QAAQ,YACRC,KAAK,OAELxD,SAAAO,EAAC,OAAA,CACCmD,EAAE,mKACFF,KAAK,QACLG,OAAO,cAIRpD,EADFxE,GACEoQ,EAEAC,EAFA,CAAavM,UAAWC,EAAOuM"}

package/dist/features/ManageRemainders/ReminderFrequencyAutocomplete.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsx as t,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useState as r,useEffect as i}from"react";import{Autocomplete as u,TextField as p,InputAdornment as l}from"@mui/material";import{ChevronsUpDownIcon as a}from"lucide-react";var s=["1/2","1","2","3","4","Custom"];function c(c){var d=c.value,m=c.onChange,f=c.options,v=void 0===f?s:f,h=c.placeholder,x=void 0===h?"Select frequency":h,y=c.suffix,I=r(""),g=I[0],P=I[1],w=r(null),S=w[0],z=w[1],C=r(!1),b=C[0],A=C[1];return i(function(){return d?"custom"===d.type?(A(!0),z(null),void P(d.value||"")):(A(!1),z(d.value),void P(d.value)):(z(null),P(""),void A(!1))},[d]),t(u,{size:"small",freeSolo:b,options:v,value:S,inputValue:g,popupIcon:t("button",e({type:"button",id:"dropdown-icon",className:"cursor-pointer flex items-center justify-center"},{children:t(a,{className:"w-3 h-3"})})),onChange:function(e,t){return t?"Custom"===t?(A(!0),z(null),P(""),void m({type:"custom",value:""})):(A(!1),z(t),P(t),void m({type:"preset",value:t})):(z(null),P(""),A(!1),void m(null))},slotProps:{paper:{sx:{"& .MuiAutocomplete-option":{fontSize:"12px",minHeight:"32px"}}},clearIndicator:{sx:{"& svg":{fontSize:12}}}},onInputChange:function(e,t,o){if(b){var n=t.replace(/[^\d]/g,"");P(n),"input"===o&&m({type:"custom",value:n})}},renderInput:function(r){return t(p,e({},r,{placeholder:b?"Enter custom value":x,inputProps:e(e({},r.inputProps),{inputMode:b?"numeric":void 0,readOnly:!b}),InputProps:e(e({},r.InputProps),{endAdornment:b&&y?o(n,{children:[t(l,e({position:"end"},{children:t("span",e({style:{fontSize:"11px",color:"#888",whiteSpace:"nowrap"}},{children:y}))})),r.InputProps.endAdornment]}):r.InputProps.endAdornment}),sx:{"& .MuiInputBase-root":{height:"28px",borderRadius:"4px",fontSize:"11px",width:"100%",cursor:b?"text":"pointer"},"& input":{cursor:b?"text":"pointer"}},onKeyDown:function(e){b&&"Enter"===e.key&&(e.preventDefault(),e.stopPropagation())}}))},sx:{width:"100%"}})}export{c as default};
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useState as n,useEffect as r}from"react";import{Autocomplete as p,TextField as i,InputAdornment as u}from"@mui/material";import{ChevronsUpDownIcon as l}from"lucide-react";const s=["1/2","1","2","3","4","Custom"];function a({value:a,onChange:c,options:d=s,placeholder:m="Select frequency",suffix:f}){const[v,h]=n(""),[x,y]=n(null),[I,g]=n(!1);return r(()=>a?"custom"===a.type?(g(!0),y(null),void h(a.value||"")):(g(!1),y(a.value),void h(a.value)):(y(null),h(""),void g(!1)),[a]),e(p,{size:"small",freeSolo:I,options:d,value:x,inputValue:v,popupIcon:e("button",{type:"button",id:"dropdown-icon",className:"cursor-pointer flex items-center justify-center",children:e(l,{className:"w-3 h-3"})}),onChange:(e,t)=>t?"Custom"===t?(g(!0),y(null),h(""),void c({type:"custom",value:""})):(g(!1),y(t),h(t),void c({type:"preset",value:t})):(y(null),h(""),g(!1),void c(null)),slotProps:{paper:{sx:{"& .MuiAutocomplete-option":{fontSize:"12px",minHeight:"32px"}}},clearIndicator:{sx:{"& svg":{fontSize:12}}}},onInputChange:(e,t,o)=>{if(!I)return;const n=t.replace(/[^\d]/g,"");h(n),"input"===o&&c({type:"custom",value:n})},renderInput:n=>e(i,{...n,placeholder:I?"Enter custom value":m,inputProps:{...n.inputProps,inputMode:I?"numeric":void 0,readOnly:!I},InputProps:{...n.InputProps,endAdornment:I&&f?t(o,{children:[e(u,{position:"end",children:e("span",{style:{fontSize:"11px",color:"#888",whiteSpace:"nowrap"},children:f})}),n.InputProps.endAdornment]}):n.InputProps.endAdornment},sx:{"& .MuiInputBase-root":{height:"28px",borderRadius:"4px",fontSize:"11px",width:"100%",cursor:I?"text":"pointer"},"& input":{cursor:I?"text":"pointer"}},onKeyDown:e=>{I&&"Enter"===e.key&&(e.preventDefault(),e.stopPropagation())}}),sx:{width:"100%"}})}export{a as default};
 //# sourceMappingURL=ReminderFrequencyAutocomplete.js.map

package/dist/features/ManageRemainders/ReminderFrequencyAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReminderFrequencyAutocomplete.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ReminderFrequencyAutocomplete.js","sources":["../../../src/features/ManageRemainders/ReminderFrequencyAutocomplete.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Autocomplete, InputAdornment, TextField } from \"@mui/material\";\nimport { ChevronDown, ChevronsUpDownIcon } from \"lucide-react\";\n\nexport type ReminderFrequencyValue =\n  | {\n      type: \"preset\";\n      value: string;\n    }\n  | {\n      type: \"custom\";\n      value: number;\n    };\n\ninterface ReminderFrequencyAutocompleteProps {\n  value?: ReminderFrequencyValue | null;\n  onChange: (value: ReminderFrequencyValue | null) => void;\n  options?: string[];\n  placeholder?: string;\n  suffix?: string;\n}\n\nconst DEFAULT_OPTIONS = [\"1/2\", \"1\", \"2\", \"3\", \"4\", \"Custom\"];\n\n\nexport default function ReminderFrequencyAutocomplete({\n  value,\n  onChange,\n  options = DEFAULT_OPTIONS,\n  placeholder = \"Select frequency\",\n  suffix,\n}: ReminderFrequencyAutocompleteProps) {\n  const [inputValue, setInputValue] = useState(\"\");\n  const [selectedValue, setSelectedValue] = useState<string | undefined | null>(\n    null\n  );\n  const [isCustom, setIsCustom] = useState(false);\n\n  useEffect(() => {\n    if (!value) {\n      setSelectedValue(null);\n      setInputValue(\"\");\n      setIsCustom(false);\n      return;\n    }\n\n    if (value.type === \"custom\") {\n      setIsCustom(true);\n      setSelectedValue(null);\n      setInputValue(value.value || (\"\" as any));\n      return;\n    }\n\n    setIsCustom(false);\n    setSelectedValue(value.value);\n    setInputValue(value.value);\n  }, [value]);\n\n  return (\n    <Autocomplete\n      size=\"small\"\n      freeSolo={isCustom}\n      options={options}\n      value={selectedValue as any}\n      inputValue={inputValue}\n      popupIcon={\n        <button\n          type=\"button\"\n          id=\"dropdown-icon\"\n          className=\"cursor-pointer flex items-center justify-center\"\n        >\n          <ChevronsUpDownIcon className=\"w-3 h-3\" />\n        </button>\n      }\n      onChange={(_, newValue) => {\n        if (!newValue) {\n          setSelectedValue(null);\n          setInputValue(\"\");\n          setIsCustom(false);\n          onChange(null);\n          return;\n        }\n\n        if (newValue === \"Custom\") {\n          setIsCustom(true);\n          setSelectedValue(null);\n          setInputValue(\"\");\n\n          onChange({\n            type: \"custom\",\n            value: \"\",\n          } as any);\n\n          return;\n        }\n\n        setIsCustom(false);\n        setSelectedValue(newValue);\n        setInputValue(newValue);\n\n        onChange({\n          type: \"preset\",\n          value: newValue,\n        });\n      }}\n      slotProps={{\n        paper: {\n          sx: {\n            \"& .MuiAutocomplete-option\": {\n              fontSize: \"12px\",\n              minHeight: \"32px\",\n            },\n          },\n        },\n        clearIndicator: {\n          sx: {\n            \"& svg\": {\n              fontSize: 12, // apna size\n            },\n          },\n        },\n      }}\n      onInputChange={(_, newInputValue, reason) => {\n        if (!isCustom) return;\n\n        const numericValue = newInputValue.replace(/[^\\d]/g, \"\");\n\n        setInputValue(numericValue);\n\n        if (reason === \"input\") {\n          onChange({\n            type: \"custom\",\n            value: numericValue, // <-- no fallback to 0\n          } as any);\n        }\n      }}\n      renderInput={(params) => (\n        <TextField\n          {...params}\n          placeholder={isCustom ? \"Enter custom value\" : placeholder}\n          inputProps={{\n            ...params.inputProps,\n            inputMode: isCustom ? \"numeric\" : undefined,\n            readOnly: !isCustom, // 👈 preset me typing disable\n          }}\n          InputProps={{\n            ...params.InputProps,\n            endAdornment:\n              isCustom && suffix ? (\n                <>\n                  <InputAdornment position=\"end\">\n                    <span\n                      style={{\n                        fontSize: \"11px\",\n                        color: \"#888\",\n                        whiteSpace: \"nowrap\",\n                      }}\n                    >\n                      {suffix}\n                    </span>\n                  </InputAdornment>\n                  {params.InputProps.endAdornment}\n                </>\n              ) : (\n                params.InputProps.endAdornment\n              ),\n          }}\n          sx={{\n            \"& .MuiInputBase-root\": {\n    height: \"28px\",\n    borderRadius: \"4px\",\n    fontSize: \"11px\",\n    width: \"100%\",\n    cursor: isCustom ? \"text\" : \"pointer\",\n  },\n  \"& input\": {\n      cursor: isCustom ? \"text\" : \"pointer\",\n    },\n          }}\n          onKeyDown={(e) => {\n            if (isCustom && e.key === \"Enter\") {\n              e.preventDefault();\n              e.stopPropagation();\n            }\n          }}\n        />\n      )}\n      sx={{\n        width: \"100%\",\n      }}\n    />\n  );\n}\n"],"names":["DEFAULT_OPTIONS","ReminderFrequencyAutocomplete","value","onChange","options","placeholder","suffix","inputValue","setInputValue","useState","selectedValue","setSelectedValue","isCustom","setIsCustom","useEffect","type","jsx","Autocomplete","size","freeSolo","popupIcon","id","className","children","ChevronsUpDownIcon","_","newValue","slotProps","paper","sx","fontSize","minHeight","clearIndicator","onInputChange","newInputValue","reason","numericValue","replace","renderInput","params","TextField","inputProps","inputMode","readOnly","InputProps","endAdornment","jsxs","Fragment","InputAdornment","position","style","color","whiteSpace","height","borderRadius","width","cursor","onKeyDown","e","key","preventDefault","stopPropagation"],"mappings":"kPAsBA,MAAMA,EAAkB,CAAC,MAAO,IAAK,IAAK,IAAK,IAAK,UAGpD,SAAwBC,GAA8BC,MACpDA,EAAAC,SACAA,EAAAC,QACAA,EAAUJ,EAAAK,YACVA,EAAc,mBAAAC,OACdA,IAEA,MAAOC,EAAYC,GAAiBC,EAAS,KACtCC,EAAeC,GAAoBF,EACxC,OAEKG,EAAUC,GAAeJ,GAAS,GAuBvC,OArBFK,EAAU,IACHZ,EAOc,WAAfA,EAAMa,MACRF,GAAY,GACZF,EAAiB,WACHH,EAAAN,EAAMA,OAAU,MAIhCW,GAAY,GACZF,EAAiBT,EAAMA,YACvBM,EAAcN,EAAMA,SAflBS,EAAiB,MACjBH,EAAc,SACdK,GAAY,IAcb,CAACX,IAGFc,EAACC,EAAA,CACCC,KAAK,QACLC,SAAUP,EACVR,UACAF,MAAOQ,EACPH,aACAa,UACEJ,EAAC,SAAA,CACCD,KAAK,SACLM,GAAG,gBACHC,UAAU,kDAEVC,SAAAP,EAACQ,EAAmB,CAAAF,UAAU,cAGlCnB,SAAU,CAACsB,EAAGC,IACPA,EAQY,WAAbA,GACFb,GAAY,GACZF,EAAiB,MACjBH,EAAc,SAELL,EAAA,CACPY,KAAM,SACNb,MAAO,OAMXW,GAAY,GACZF,EAAiBe,GACjBlB,EAAckB,QAELvB,EAAA,CACPY,KAAM,SACNb,MAAOwB,MA1BPf,EAAiB,MACjBH,EAAc,IACdK,GAAY,QACZV,EAAS,OA0BbwB,UAAW,CACTC,MAAO,CACLC,GAAI,CACF,4BAA6B,CAC3BC,SAAU,OACVC,UAAW,UAIjBC,eAAgB,CACdH,GAAI,CACF,QAAS,CACPC,SAAU,OAKlBG,cAAe,CAACR,EAAGS,EAAeC,KAChC,IAAKvB,EAAU,OAEf,MAAMwB,EAAeF,EAAcG,QAAQ,SAAU,IAErD7B,EAAc4B,GAEC,UAAXD,GACOhC,EAAA,CACPY,KAAM,SACNb,MAAOkC,KAIbE,YAAcC,GACZvB,EAACwB,EAAA,IACKD,EACJlC,YAAaO,EAAW,qBAAuBP,EAC/CoC,WAAY,IACPF,EAAOE,WACVC,UAAW9B,EAAW,eAAY,EAClC+B,UAAW/B,GAEbgC,WAAY,IACPL,EAAOK,WACVC,aACEjC,GAAYN,EAERwC,EAAAC,EAAA,CAAAxB,SAAA,CAACP,EAAAgC,EAAA,CAAeC,SAAS,MACvB1B,SAAAP,EAAC,OAAA,CACCkC,MAAO,CACLpB,SAAU,OACVqB,MAAO,OACPC,WAAY,UAGb7B,SAAAjB,MAGJiC,EAAOK,WAAWC,gBAGrBN,EAAOK,WAAWC,cAGxBhB,GAAI,CACF,uBAAwB,CAChCwB,OAAQ,OACRC,aAAc,MACdxB,SAAU,OACVyB,MAAO,OACPC,OAAQ5C,EAAW,OAAS,WAE9B,UAAW,CACP4C,OAAQ5C,EAAW,OAAS,YAGxB6C,UAAYC,IACN9C,GAAsB,UAAV8C,EAAEC,MAChBD,EAAEE,iBACFF,EAAEG,sBAKVhC,GAAI,CACF0B,MAAO,SAIf"}

package/dist/features/MarkdownWithImageCitation/MarkdownWithImageCitation.js

@@ -1,2 +1,2 @@
-import{__assign as e,__rest as i}from"tslib";import{jsxs as l,jsx as n}from"react/jsx-runtime";import o from"react";import r from"react-markdown";import t from"rehype-raw";import{renderCitationAIConfidenceDisplay as d}from"../RequirementAiCitations/components/CitationAIConfidenceDisplay.js";import a from"./MarkdownWithImageCitation.module.css.js";var s=function(s){var c,m,u,v,p=null===(c=null==s?void 0:s.closeCitationConfig)||void 0===c?void 0:c.CloseIcon,h=s.styles,f=function(e){if(!e)return"";var i=e.replace(/\t/g,"  ").split("\n"),l=i.filter(function(e){return e.trim().length>0}).reduce(function(e,i){var l=i.match(/^ */),n=l?l[0].length:0;return Math.min(e,n)},Number.POSITIVE_INFINITY);return i.map(function(e){return l&&Number.isFinite(l)?e.slice(l):e}).join("\n").trim()}(s.markdownContent);return l("div",e({className:a.container,style:null==h?void 0:h.container},{children:[l("div",e({className:a.header,style:null==h?void 0:h.header},{children:[l("div",e({className:a.titleGroup,style:null==h?void 0:h.titleGroup},{children:[n("h2",e({className:a.title,style:null==h?void 0:h.title},{children:(null==s?void 0:s.citationTitle)||"Markdown With Image"})),(null==s?void 0:s.timestamp)?n("span",e({className:a.timestamp,style:null==h?void 0:h.timestamp},{children:s.timestamp})):null]})),(null==s?void 0:s.closeCitationConfig)?l("div",e({className:a.headerRight,style:null==h?void 0:h.headerRight},{children:[d(s.relevanceScore,!1,null==h?void 0:h.aiConfidenceDisplayPill),n("div",{className:a.divider,style:null==h?void 0:h.divider}),p&&n("div",e({className:a.closeIconWrapper,style:null==h?void 0:h.closeIconWrapper,onClick:s.closeCitationConfig.handleCloseCitationPreview},{children:n(p,{className:a.closeIcon})}))]})):d(s.relevanceScore,!0,null==h?void 0:h.aiConfidenceDisplayPill)]})),n("div",e({className:a.content,style:null==h?void 0:h.content},{children:n("div",e({style:null===(m=null==h?void 0:h.markdown)||void 0===m?void 0:m.containerWrapper},{children:n("div",e({style:null===(u=null==h?void 0:h.markdown)||void 0===u?void 0:u.mainCard},{children:n("div",e({className:a.markdownBody,style:null===(v=null==h?void 0:h.markdown)||void 0===v?void 0:v.scrollArea},{children:n(r,e({rehypePlugins:[t],components:{p:function(l){l.node;var r=l.children,t=i(l,["node","children"]);return n("p",e({},t,{children:o.Children.map(r,function(i){var l,o,r;return"string"==typeof i?(o=i,(r=null===(l=null==h?void 0:h.markdown)||void 0===l?void 0:l.customHighlight)?n("span",e({style:r},{children:o})):o):i})}))},img:function(l){l.node;var o=i(l,["node"]);return n("div",e({className:a.imageWrapper,style:null==h?void 0:h.imageWrapper},{children:n("img",e({},o,{className:a.image,style:null==h?void 0:h.image,alt:o.alt||"Citation image"}))}))},ul:function(l){var o;l.node,l.ordered;var r=i(l,["node","ordered"]);return n("ul",e({},r,{style:null===(o=null==h?void 0:h.markdown)||void 0===o?void 0:o.list}))},ol:function(l){var o;l.node,l.ordered;var r=i(l,["node","ordered"]);return n("ol",e({},r,{style:null===(o=null==h?void 0:h.markdown)||void 0===o?void 0:o.list}))}}},{children:f}))}))}))}))}))]}))};export{s as default};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"react";import r from"react-markdown";import n from"rehype-raw";import{renderCitationAIConfidenceDisplay as a}from"../RequirementAiCitations/components/CitationAIConfidenceDisplay.js";import l from"./MarkdownWithImageCitation.module.css.js";const o=o=>{const s=o?.closeCitationConfig?.CloseIcon,c=o.styles,m=(e=>{if(!e)return"";const i=e.replace(/\t/g,"  ").split("\n"),t=i.filter(e=>e.trim().length>0).reduce((e,i)=>{const t=i.match(/^ */),r=t?t[0].length:0;return Math.min(e,r)},Number.POSITIVE_INFINITY);return i.map(e=>t&&Number.isFinite(t)?e.slice(t):e).join("\n").trim()})(o.markdownContent);return e("div",{className:l.container,style:c?.container,children:[e("div",{className:l.header,style:c?.header,children:[e("div",{className:l.titleGroup,style:c?.titleGroup,children:[i("h2",{className:l.title,style:c?.title,children:o?.citationTitle||"Markdown With Image"}),o?.timestamp?i("span",{className:l.timestamp,style:c?.timestamp,children:o.timestamp}):null]}),o?.closeCitationConfig?e("div",{className:l.headerRight,style:c?.headerRight,children:[a(o.relevanceScore,!1,c?.aiConfidenceDisplayPill),i("div",{className:l.divider,style:c?.divider}),s&&i("div",{className:l.closeIconWrapper,style:c?.closeIconWrapper,onClick:o.closeCitationConfig.handleCloseCitationPreview,children:i(s,{className:l.closeIcon})})]}):a(o.relevanceScore,!0,c?.aiConfidenceDisplayPill)]}),i("div",{className:l.content,style:c?.content,children:i("div",{style:c?.markdown?.containerWrapper,children:i("div",{style:c?.markdown?.mainCard,children:i("div",{className:l.markdownBody,style:c?.markdown?.scrollArea,children:i(r,{rehypePlugins:[n],components:{p:({node:e,children:r,...n})=>i("p",{...n,children:t.Children.map(r,e=>{return"string"==typeof e?(t=e,r=c?.markdown?.customHighlight,r?i("span",{style:r,children:t}):t):e;var t,r})}),img:({node:e,...t})=>i("div",{className:l.imageWrapper,style:c?.imageWrapper,children:i("img",{...t,className:l.image,style:c?.image,alt:t.alt||"Citation image"})}),ul:({node:e,ordered:t,...r})=>i("ul",{...r,style:c?.markdown?.list}),ol:({node:e,ordered:t,...r})=>i("ol",{...r,style:c?.markdown?.list})},children:m})})})})})]})};export{o as default};
 //# sourceMappingURL=MarkdownWithImageCitation.js.map

package/dist/features/MarkdownWithImageCitation/MarkdownWithImageCitation.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownWithImageCitation.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"MarkdownWithImageCitation.js","sources":["../../../src/features/MarkdownWithImageCitation/MarkdownWithImageCitation.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeRaw from \"rehype-raw\";\nimport { renderCitationAIConfidenceDisplay } from \"../RequirementAiCitations/components/CitationAIConfidenceDisplay\";\nimport defaultStyles from \"./MarkdownWithImageCitation.module.css\";\n\ninterface MarkdownWithImageCitationProps {\n  citationTitle?: string;\n  timestamp?: string;\n  relevanceScore?: number;\n  markdownContent: string;\n  closeCitationConfig?: {\n    CloseIcon: React.ElementType;\n    handleCloseCitationPreview: () => void;\n  };\n  styles?: {\n    container?: React.CSSProperties;\n    header?: React.CSSProperties;\n    titleGroup?: React.CSSProperties;\n    timestamp?: React.CSSProperties;\n    title?: React.CSSProperties;\n    headerRight?: React.CSSProperties;\n    divider?: React.CSSProperties;\n    closeIconWrapper?: React.CSSProperties;\n    content?: React.CSSProperties;\n    imageWrapper?: React.CSSProperties;\n    image?: React.CSSProperties;\n    markdown?: {\n      containerWrapper?: React.CSSProperties;\n      mainCard?: React.CSSProperties;\n      scrollArea?: React.CSSProperties;\n      customHighlight?: React.CSSProperties;\n      list?: React.CSSProperties;\n    };\n    aiConfidenceDisplayPill?: {\n      container?: React.CSSProperties;\n    };\n  };\n}\n\nconst normalizeMarkdown = (value?: string) => {\n  if (!value) return \"\";\n\n  const lines = value.replace(/\\t/g, \"  \").split(\"\\n\");\n  const meaningfulLines = lines.filter((line) => line.trim().length > 0);\n  const minimumIndent = meaningfulLines.reduce((min, line) => {\n    const match = line.match(/^ */);\n    const indent = match ? match[0].length : 0;\n    return Math.min(min, indent);\n  }, Number.POSITIVE_INFINITY);\n\n  return lines\n    .map((line) =>\n      minimumIndent && Number.isFinite(minimumIndent)\n        ? line.slice(minimumIndent)\n        : line,\n    )\n    .join(\"\\n\")\n    .trim();\n};\n\nconst renderWithHighlights = (\n  text: string,\n  customHighlightStyle?: CSSProperties,\n): React.ReactNode => {\n  return customHighlightStyle ? (\n    <span style={customHighlightStyle}>{text}</span>\n  ) : (\n    text\n  );\n};\n\nconst MarkdownWithImageCitation: React.FC<MarkdownWithImageCitationProps> = (\n  props,\n) => {\n  const CloseIcon = props?.closeCitationConfig?.CloseIcon;\n  const styles = props.styles;\n  const normalizedValue = normalizeMarkdown(props.markdownContent);\n\n  return (\n    <div className={defaultStyles.container} style={styles?.container}>\n      <div className={defaultStyles.header} style={styles?.header}>\n        <div className={defaultStyles.titleGroup} style={styles?.titleGroup}>\n          <h2 className={defaultStyles.title} style={styles?.title}>\n            {props?.citationTitle || \"Markdown With Image\"}\n          </h2>\n          {props?.timestamp ? (\n            <span className={defaultStyles.timestamp} style={styles?.timestamp}>\n              {props.timestamp}\n            </span>\n          ) : null}\n        </div>\n\n        {props?.closeCitationConfig ? (\n          <div\n            className={defaultStyles.headerRight}\n            style={styles?.headerRight}\n          >\n            {renderCitationAIConfidenceDisplay(\n              props.relevanceScore,\n              false,\n              styles?.aiConfidenceDisplayPill,\n            )}\n            <div className={defaultStyles.divider} style={styles?.divider} />\n            {CloseIcon && (\n              <div\n                className={defaultStyles.closeIconWrapper}\n                style={styles?.closeIconWrapper}\n                onClick={props.closeCitationConfig.handleCloseCitationPreview}\n              >\n                <CloseIcon className={defaultStyles.closeIcon} />\n              </div>\n            )}\n          </div>\n        ) : (\n          renderCitationAIConfidenceDisplay(\n            props.relevanceScore,\n            true,\n            styles?.aiConfidenceDisplayPill,\n          )\n        )}\n      </div>\n\n      <div className={defaultStyles.content} style={styles?.content}>\n        <div style={styles?.markdown?.containerWrapper}>\n          <div style={styles?.markdown?.mainCard}>\n            <div\n              className={defaultStyles.markdownBody}\n              style={styles?.markdown?.scrollArea}\n            >\n              <ReactMarkdown\n                rehypePlugins={[rehypeRaw as any]}\n                components={{\n                  p: ({ node, children, ...componentProps }: any) => (\n                    <p {...componentProps}>\n                      {React.Children.map(children, (child) =>\n                        typeof child === \"string\"\n                          ? renderWithHighlights(\n                              child,\n                              styles?.markdown?.customHighlight,\n                            )\n                          : child,\n                      )}\n                    </p>\n                  ),\n                  img: ({ node, ...componentProps }: any) => (\n                    <div\n                      className={defaultStyles.imageWrapper}\n                      style={styles?.imageWrapper}\n                    >\n                      <img\n                        {...componentProps}\n                        className={defaultStyles.image}\n                        style={styles?.image}\n                        alt={componentProps.alt || \"Citation image\"}\n                      />\n                    </div>\n                  ),\n                  ul: ({ node, ordered, ...componentProps }: any) => (\n                    <ul {...componentProps} style={styles?.markdown?.list} />\n                  ),\n                  ol: ({ node, ordered, ...componentProps }: any) => (\n                    <ol {...componentProps} style={styles?.markdown?.list} />\n                  ),\n                }}\n              >\n                {normalizedValue}\n              </ReactMarkdown>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default MarkdownWithImageCitation;\n"],"names":["MarkdownWithImageCitation","props","CloseIcon","closeCitationConfig","styles","normalizedValue","value","lines","replace","split","minimumIndent","filter","line","trim","length","reduce","min","match","indent","Math","Number","POSITIVE_INFINITY","map","isFinite","slice","join","normalizeMarkdown","markdownContent","className","defaultStyles","container","style","children","jsxs","header","titleGroup","jsx","title","citationTitle","timestamp","headerRight","renderCitationAIConfidenceDisplay","relevanceScore","aiConfidenceDisplayPill","divider","closeIconWrapper","onClick","handleCloseCitationPreview","closeIcon","content","markdown","containerWrapper","mainCard","markdownBody","scrollArea","ReactMarkdown","rehypePlugins","rehypeRaw","components","p","node","componentProps","Children","child","text","customHighlightStyle","customHighlight","img","imageWrapper","image","alt","ul","ordered","list","ol"],"mappings":"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"}