sag_components 2.0.0-beta122 → 2.0.0-beta124

package/dist/index.js

@@ -41593,9 +41593,13 @@ const VendorSelectionContainer = styled__default["default"](Card)`
   overflow: hidden;
   font-family: 'Poppins', sans-serif;
 `;
+const VendorHeader$1 = styled__default["default"].div`
+  padding: 12px 16px 20px;
+  text-align: left;
+  color: #212121;
+`;
 const VendorSelectionTitle = styled__default["default"].h5`
   text-align: left; 
-  color: #212121;
   margin: 0 0 16px;
   font-size: 18px;
   padding-left: 6px;
@@ -41603,14 +41607,9 @@ const VendorSelectionTitle = styled__default["default"].h5`
 `;
 const VendorBackTitle = styled__default["default"].span`
   margin-left: 4px;
-  color: #212121;
   font-size: 16px;
   font-weight: 400;
 `;
-const VendorHeader$1 = styled__default["default"].div`
-  padding: 12px 16px 20px;
-  text-align: left;
-`;
 const VendorRoute = styled__default["default"].div`
   display: flex;
   align-items: center;
@@ -41622,7 +41621,6 @@ const VendorBackButton = styled__default["default"].button`
   border: none;
   background: none;
   font-size: 22px;
-  color: #212121;
   cursor: pointer;
 `;
 const VendorSearch = styled__default["default"].input`
@@ -41636,7 +41634,7 @@ const VendorSearch = styled__default["default"].input`
   outline: none;
 `;
 const VendorSearchResult = styled__default["default"].span`
-  color: #212121;
+  display: block;
   font-size: 16px;
   font-weight: 400;
   height: 20px;
@@ -41752,10 +41750,10 @@ const NewItemList = ({
   }), /*#__PURE__*/React__default["default"].createElement(VendorSearchResult, null, search !== "" ? `${filteredItems.length === 0 ? "No" : filteredItems.length} Vendors Found` : " ")), /*#__PURE__*/React__default["default"].createElement(VendorListWrapper$1, {
     headerHeight: headerHeight
   }, /*#__PURE__*/React__default["default"].createElement(VendorList$1, null, filteredItems.map((item, idx) => /*#__PURE__*/React__default["default"].createElement(VendorItem, {
+    key: idx,
     onClick: e => {
       if (onVendorClick) onVendorClick(item);
-    },
-    key: idx
+    }
   }, /*#__PURE__*/React__default["default"].createElement(VendorNameAndPackagesContainer, null, /*#__PURE__*/React__default["default"].createElement(VendorName$1, null, highlightMatch(item.name, searchLower)), item.packages && /*#__PURE__*/React__default["default"].createElement(VendorPackages, null, `0/${item.packages.length} Packages Sent`)), /*#__PURE__*/React__default["default"].createElement(VendorChevron, null, /*#__PURE__*/React__default["default"].createElement(ArrowRightFullIcon, null)))))));
 };
 
@@ -42158,8 +42156,7 @@ const NewSubitem = ({
   packageObject,
   vendor,
   onBack,
-  addNewPackage,
-  linkColor
+  addNewPackage
 }) => {
   const [negotiatedBrands, setNegotiatedBrands] = React$1.useState("");
   const [negotiatedComponent, setNegotiatedComponent] = React$1.useState("Scale");
@@ -42180,7 +42177,8 @@ const NewSubitem = ({
     rightIcon: "none",
     size: "small",
     text: "Cancel",
-    type: "secondary"
+    type: "secondary",
+    borderRadius: "8px"
   }), /*#__PURE__*/React__default["default"].createElement(Button$1, {
     leftIcon: "none",
     onClick: () => {
@@ -42191,8 +42189,11 @@ const NewSubitem = ({
     disabled: !isApplyEnabled,
     text: "Apply",
     type: "primary",
-    backgroundColor: linkColor,
-    hoverTextColor: "#212121"
+    borderRadius: "8px",
+    borderColor: "#066768",
+    backgroundColor: "#066768",
+    hoverBackgroundColor: "#388586",
+    hoverBorderColor: "#388586"
   })), /*#__PURE__*/React__default["default"].createElement(Divider, null), /*#__PURE__*/React__default["default"].createElement("form", null, /*#__PURE__*/React__default["default"].createElement(NegotiatedContainer, null, /*#__PURE__*/React__default["default"].createElement(AddNegotiatedBrand, null, "Add Negotiated Brand/s ", /*#__PURE__*/React__default["default"].createElement("span", {
     style: {
       color: "red"
@@ -50867,8 +50868,10 @@ const ItemManagerPanel = _ref => {
       setHeaderHeight(headerRef.current.offsetHeight);
     }
   }, []);
+  const hasVendorsWithPackages = () => {
+    return itemAndPackage.some(item => item.packages !== null && Array.isArray(item.packages) && item.packages.length > 0);
+  };
   const handleVendorClick = vendor => {
-    // console.log("Vendor clicked:", vendor);
     setSelectedVendor(vendor);
     setScreen("subitem");
   };
@@ -51050,7 +51053,7 @@ const ItemManagerPanel = _ref => {
       onClick: () => setScreen("list"),
       rightIcon: "none",
       size: "small",
-      text: "First Vendor",
+      text: hasVendorsWithPackages() ? "Add Vendor" : "First Vendor",
       type: "primary",
       textColor: linkColor
     }))), /*#__PURE__*/React__default["default"].createElement(VendorListWrapper$2, {
@@ -51062,7 +51065,9 @@ const ItemManagerPanel = _ref => {
       onClick: e => {
         handleVendorClick(item);
       }
-    }, /*#__PURE__*/React__default["default"].createElement(VendorNameAndPackagesContainer$1, null, /*#__PURE__*/React__default["default"].createElement(VendorName$2, null, item.name), item.packages.length === 0 && /*#__PURE__*/React__default["default"].createElement(Subtitle$1, null, "No Packages"), item.packages.length > 0 && /*#__PURE__*/React__default["default"].createElement(Subtitle$1, null, item.packages.length, " Packages Sent")), /*#__PURE__*/React__default["default"].createElement(VendorChevron$1, null, /*#__PURE__*/React__default["default"].createElement(ArrowRightFullIcon, null))), /*#__PURE__*/React__default["default"].createElement(Trash$1, {
+    }, /*#__PURE__*/React__default["default"].createElement(VendorNameAndPackagesContainer$1, null, /*#__PURE__*/React__default["default"].createElement(VendorName$2, null, item.name), item.packages.length === 0 && /*#__PURE__*/React__default["default"].createElement(Subtitle$1, null, "No Packages"), item.packages.length > 0 && /*#__PURE__*/React__default["default"].createElement(Subtitle$1, null, item.packages.length, " Package", item.packages.length !== 1 ? 's' : '',
+    // Check if all packages have a status
+    item.packages.every(pkg => pkg.hasOwnProperty('status') && pkg.status != null && pkg.status !== undefined && pkg.status !== '') ? ' Sent' : '')), /*#__PURE__*/React__default["default"].createElement(VendorChevron$1, null, /*#__PURE__*/React__default["default"].createElement(ArrowRightFullIcon, null))), /*#__PURE__*/React__default["default"].createElement(Trash$1, {
       className: "trash-icon",
       onClick: () => {
         onDeleteVendor(item);