@easyteam/auto-scheduler-modal-ui 0.1.2 → 0.1.3

package/dist/index.cjs

@@ -1361,7 +1361,7 @@ function buildRulesPayload(selectedConstraintIds, constraintValues, selectedOpti
   return { ruleIds: allSelectedRuleIds, ruleOverrides };
 }
 function toApiShift(shift, includeEmployeePreferences) {
-  var _a, _b;
+  var _a;
   const startDateTime = "startDateTime" in shift ? shift.startDateTime : shift.startTime;
   const endDateTime = "endDateTime" in shift ? shift.endDateTime : shift.endTime;
   return {
@@ -1369,8 +1369,8 @@ function toApiShift(shift, includeEmployeePreferences) {
     startDateTime,
     endDateTime,
     ...shift.employeeId ? { employeeId: String(shift.employeeId) } : {},
-    requiredPosition: (_a = shift.requiredPosition) != null ? _a : void 0,
-    requiredCount: (_b = shift.requiredCount) != null ? _b : 1,
+    requiredPosition: shift.requiredPosition || void 0,
+    requiredCount: (_a = shift.requiredCount) != null ? _a : 1,
     location: shift.location ? {
       id: String(shift.location.id),
       timezone: "timezone" in shift.location ? shift.location.timezone : void 0,
@@ -1700,12 +1700,15 @@ function ViolatedConstraintsPanel({
   onSecondaryButtonClick,
   generateRecommendationsURLAndHeaders,
   styles: stylesProp,
-  styleOverrides
+  styleOverrides,
+  errorToast
 }) {
   const [showRecommendations, setShowRecommendations] = (0, import_react.useState)(false);
   const [isExpanded, setIsExpanded] = (0, import_react.useState)(true);
   const [recommendations, setRecommendations] = (0, import_react.useState)(null);
   const [isLoadingRecommendations, setIsLoadingRecommendations] = (0, import_react.useState)(false);
+  const [isDisabledRecommendations, setIsDisabledRecommendations] = (0, import_react.useState)(false);
+  const [recommendationsButtonText, setRecommendationsButtonText] = (0, import_react.useState)("Show recommendations");
   const styles = (0, import_react.useMemo)(() => {
     if (stylesProp) return stylesProp;
     return buildStyles(defaultStyles, styleOverrides);
@@ -1716,12 +1719,10 @@ function ViolatedConstraintsPanel({
   const displayRecommendations = recommendations !== null ? recommendations : violatedConstraints.recommendedFixes;
   const hasRecommendations = displayRecommendations.length > 0;
   const handleToggleRecommendations = (0, import_react.useCallback)(async () => {
-    var _a, _b;
     if (showRecommendations) {
       setShowRecommendations(false);
       return;
     }
-    setShowRecommendations(true);
     if (recommendations !== null) {
       return;
     }
@@ -1741,9 +1742,21 @@ function ViolatedConstraintsPanel({
           }
         }
       );
-      const data = (_b = (_a = recResponse.data) == null ? void 0 : _a.data) != null ? _b : recResponse.data;
-      if (data) {
-        setRecommendations(data.map((r) => r.recommendation));
+      const { success, data, msg } = recResponse.data;
+      const { isExpired, recommendations: recommendations2 } = data != null ? data : {};
+      if (!success) {
+        const errorMsg = msg || "Failed to fetch recommendations";
+        errorToast == null ? void 0 : errorToast(errorMsg);
+        if (isExpired) {
+          setIsDisabledRecommendations(true);
+          setRecommendationsButtonText("Daily limit reached");
+        }
+        return;
+      }
+      setShowRecommendations(true);
+      const fetchedRecommendations = recommendations2;
+      if (fetchedRecommendations) {
+        setRecommendations(fetchedRecommendations.map((r) => r.recommendation));
       } else {
         setRecommendations([]);
       }
@@ -1758,7 +1771,8 @@ function ViolatedConstraintsPanel({
     recommendations,
     canFetchRecommendations,
     violatedConstraints.recommendationPayload,
-    generateRecommendationsURLAndHeaders
+    generateRecommendationsURLAndHeaders,
+    errorToast
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Box, { sx: styles.violationPanel, children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.HStack, { sx: styles.violationHeaderRow, children: [
@@ -1810,9 +1824,9 @@ function ViolatedConstraintsPanel({
             variant: "outline",
             size: "xs",
             onClick: handleToggleRecommendations,
-            isDisabled: isLoadingRecommendations,
+            isDisabled: isLoadingRecommendations || isDisabledRecommendations,
             sx: { ...styles.recommendationsToggle, minWidth: "140px" },
-            children: isLoadingRecommendations ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Spinner, { size: "sm", thickness: "2px" }) : showRecommendations ? "Hide recommendations" : "Show recommendations"
+            children: isLoadingRecommendations ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Spinner, { size: "sm", thickness: "2px" }) : showRecommendations ? "Hide recommendations" : recommendationsButtonText
           }
         ) : null,
         showSecondaryButton && secondaryButtonTitle && onSecondaryButtonClick ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -1854,7 +1868,8 @@ function AutoSchedulerModal({
   getTokenURLAndHeaders,
   onSolution,
   getStoredConfigForLocations,
-  persistConfigForLocations
+  persistConfigForLocations,
+  errorToast
 }) {
   const baseTheme = (0, import_react4.useTheme)();
   const { chakraOverride, styleOverrides } = (0, import_react3.useMemo)(
@@ -1891,6 +1906,11 @@ function AutoSchedulerModal({
     (total, jurisdiction) => total + jurisdiction.selectedLocations.length,
     0
   );
+  const locationIdsWithOpenShifts = (0, import_react3.useMemo)(() => {
+    return new Set(
+      openShifts.filter((shift) => !shift.employeeId).map((shift) => shift.location.id)
+    );
+  }, [openShifts]);
   const selectedConstraints = (0, import_react3.useMemo)(
     () => HARD_CONSTRAINT_OPTIONS.filter((option) => selectedConstraintIds.includes(option.id)),
     [selectedConstraintIds]
@@ -1995,6 +2015,12 @@ function AutoSchedulerModal({
     }
   }, [selectedLocationIds, initialConfig, getStoredConfigForLocations]);
   (0, import_react3.useEffect)(() => () => clearTimers(), []);
+  (0, import_react3.useEffect)(() => {
+    setSelectedLocationIds((previous) => {
+      const filtered = previous.filter((id) => locationIdsWithOpenShifts.has(id));
+      return filtered.length === previous.length ? previous : filtered;
+    });
+  }, [locationIdsWithOpenShifts]);
   const stepStatusForIndex = (index) => {
     if (index <= completedStepIndex) {
       return "done";
@@ -2178,6 +2204,9 @@ function AutoSchedulerModal({
     setScreen("configure");
   };
   const handleToggleLocation = (locationId) => {
+    if (!locationIdsWithOpenShifts.has(locationId)) {
+      return;
+    }
     if (selectedLocationIds.includes(locationId)) {
       setSelectedLocationIds(selectedLocationIds.filter((id) => id !== locationId));
       return;
@@ -2241,6 +2270,7 @@ function AutoSchedulerModal({
       violatedConstraints: lastFailure,
       title: violationTitle,
       subtitle: "",
+      errorToast,
       generateRecommendationsURLAndHeaders,
       styles
     }
@@ -2300,13 +2330,18 @@ function AutoSchedulerModal({
             import_react4.HStack,
             {
               as: "label",
-              sx: { ...styles.optionRow, cursor: "pointer" },
+              sx: {
+                ...styles.optionRow,
+                cursor: locationIdsWithOpenShifts.has(location.id) ? "pointer" : "not-allowed",
+                opacity: locationIdsWithOpenShifts.has(location.id) ? 1 : 0.55
+              },
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   import_react4.Checkbox,
                   {
                     id: `location-${location.id}`,
                     isChecked: selectedLocationIds.includes(location.id),
+                    isDisabled: !locationIdsWithOpenShifts.has(location.id),
                     onChange: () => handleToggleLocation(location.id)
                   }
                 ),