sag_components 2.0.0-beta108 → 2.0.0-beta109

package/dist/index.d.ts

@@ -1433,11 +1433,12 @@ declare function RangePop(props: any): react_jsx_runtime.JSX.Element;
 
 declare function SearchInput(props: any): react_jsx_runtime.JSX.Element;
 
-declare function ItemManagerPanel({ width, height, onSendForms, editMode, itemAndPackage, setItemAndPackage, linkColor, backgroundColor, onDelete, }: {
+declare function ItemManagerPanel({ width, height, onSendForms, editMode, disabledSendForms, itemAndPackage, setItemAndPackage, linkColor, backgroundColor, onDelete, }: {
     width?: string;
     height?: string;
     onSendForms?: () => void;
     editMode?: boolean;
+    disabledSendForms?: boolean;
     itemAndPackage?: any[];
     setItemAndPackage: any;
     linkColor?: string;

package/dist/index.esm.js

@@ -41547,6 +41547,11 @@ const Trash$1 = styled.div`
   height: 24px;
   padding: 0 12px;
   cursor: pointer;
+
+  svg {
+    pointer-events: none;
+  }
+  
   svg path {
     fill: white;
   }
@@ -41828,8 +41833,8 @@ const AddButtonContainer = styled.div`
 `;
 const Container = styled.div`
   display: flex;
+  gap: 16px;
   align-items: center;
-  justify-content: space-between;
   width: 100%;
 `;
 const Item$1 = styled.div`
@@ -41849,14 +41854,11 @@ const Item$1 = styled.div`
 const Title$2 = styled.div`
 overflow: hidden;
 color: #000;
-
-font-feature-settings: 'liga' off;
 text-overflow: ellipsis;
+margin-right: auto;
 /* Content/P2 Regular */
 font-size: 14px;
-font-style: normal;
 font-weight: 400;
-line-height: normal;
 `;
 const ComponentContainer = styled.div`
   border-radius: 48px;
@@ -41889,6 +41891,11 @@ const Trash = styled.div`
   height: 24px;
   padding: 0 8px;
   cursor: pointer;
+
+  svg {
+    pointer-events: none;
+  }
+  
   svg path {
     fill: white;
   }
@@ -41903,14 +41910,27 @@ const Trash = styled.div`
 const NewSubitemList = props => {
   const {
     vendor,
-    setSelectedPackage,
     onBack,
     handleSubitemDetail,
     itemAndPackage,
-    onTrashClick = () => {},
+    setSelectedPackage,
+    setItemAndPackage,
     linkColor
   } = props;
   const vendorItems = itemAndPackage.find(i => i.name === vendor.name).packages || [];
+  const onDeletePackage = item => {
+    const updatedPackages = vendorItems.filter(pkg => pkg.brands !== item.brands);
+    const updatedItemAndPackage = itemAndPackage.map(v => v.name === vendor.name ? {
+      ...v,
+      packages: updatedPackages
+    } : v);
+    setItemAndPackage(updatedItemAndPackage);
+  };
+  // useEffect(() => {
+  //   console.log("Vendor items updated:", vendorItems);
+  //   console.log("Props:", props);
+  // }, [vendorItems]);
+
   return /*#__PURE__*/React$1.createElement(NewSubitemContainer$1, null, /*#__PURE__*/React$1.createElement(Header$1, null, /*#__PURE__*/React$1.createElement(BackButton$1, {
     onClick: onBack
   }, /*#__PURE__*/React$1.createElement(ArrowLeftIcon, null)), /*#__PURE__*/React$1.createElement(BackTitle$1, null, "All Vendors")), /*#__PURE__*/React$1.createElement(SelectionTitle$1, null, vendor.name), /*#__PURE__*/React$1.createElement(AddButtonContainer, null, /*#__PURE__*/React$1.createElement(LinkButton, {
@@ -41922,15 +41942,16 @@ const NewSubitemList = props => {
     text: "Add Package",
     type: "primary"
   })), /*#__PURE__*/React$1.createElement(List, null, vendorItems.map((item, idx) => /*#__PURE__*/React$1.createElement(Item$1, {
+    key: idx
+  }, /*#__PURE__*/React$1.createElement(PaperPlane, null), /*#__PURE__*/React$1.createElement(Container, {
     onClick: e => {
       setSelectedPackage(item);
       handleSubitemDetail(item);
-    },
-    key: idx
-  }, /*#__PURE__*/React$1.createElement(PaperPlane, null), /*#__PURE__*/React$1.createElement(Container, null, item.brands && /*#__PURE__*/React$1.createElement(Title$2, null, item.brands), item.component && /*#__PURE__*/React$1.createElement(ComponentContainer, null, item.component[0])), /*#__PURE__*/React$1.createElement(Chevron, null, /*#__PURE__*/React$1.createElement(ArrowRightFullIcon, null)), /*#__PURE__*/React$1.createElement(Trash, {
+    }
+  }, item.brands && /*#__PURE__*/React$1.createElement(Title$2, null, item.brands), item.component && /*#__PURE__*/React$1.createElement(ComponentContainer, null, item.component[0]), /*#__PURE__*/React$1.createElement(Chevron, null, /*#__PURE__*/React$1.createElement(ArrowRightFullIcon, null))), /*#__PURE__*/React$1.createElement(Trash, {
     className: "trash-icon",
     onClick: e => {
-      onTrashClick(item);
+      onDeletePackage(item);
     }
   }, /*#__PURE__*/React$1.createElement("svg", {
     width: "14",
@@ -42114,16 +42135,6 @@ const NewSubitem = ({
     setNegotiatedBrands(packageObject.brands);
     setNegotiatedComponent(packageObject.component);
   }, [packageObject]);
-  useEffect(() => {
-    // Log all props to the console
-    console.log({
-      packageObject,
-      vendor,
-      onBack,
-      addNewPackage,
-      linkColor
-    });
-  }, []);
   return /*#__PURE__*/React$1.createElement(NewSubitemContainer, null, /*#__PURE__*/React$1.createElement(Header, null, /*#__PURE__*/React$1.createElement(BackButton, {
     onClick: onBack
   }, /*#__PURE__*/React$1.createElement(ArrowLeftIcon, null)), /*#__PURE__*/React$1.createElement(BackTitle, null, vendor.name)), /*#__PURE__*/React$1.createElement(SelectionTitle, null, "Add Package"), /*#__PURE__*/React$1.createElement(ButtonsContainer, null, /*#__PURE__*/React$1.createElement(Button$1, {
@@ -50841,6 +50852,7 @@ const ItemManagerPanel = _ref => {
     height = "100%",
     onSendForms = () => {},
     editMode = true,
+    disabledSendForms = false,
     itemAndPackage = [],
     setItemAndPackage,
     linkColor = "#212121",
@@ -50881,6 +50893,13 @@ const ItemManagerPanel = _ref => {
   const handleBackToDefault = () => {
     setScreen("");
   };
+  const onDeleteVendor = vendor => {
+    const updatedItemAndPackage = itemAndPackage.filter(item => item.name !== vendor.name);
+    setItemAndPackage([...updatedItemAndPackage, {
+      name: vendor.name,
+      packages: null
+    }]);
+  };
   if (screen === "subitem") {
     return /*#__PURE__*/React$1.createElement(Card, {
       width: width,
@@ -50889,6 +50908,7 @@ const ItemManagerPanel = _ref => {
     }, /*#__PURE__*/React$1.createElement(NewSubitemList, {
       linkColor: linkColor,
       setSelectedPackage: setSelectedPackage,
+      setItemAndPackage: setItemAndPackage,
       vendor: selectedVendor,
       itemAndPackage: itemAndPackage,
       onBack: () => setScreen("initial"),
@@ -50956,6 +50976,7 @@ const ItemManagerPanel = _ref => {
       leftIcon: "Fly",
       onClick: () => setScreen("confirmation"),
       rightIcon: "none",
+      disabled: disabledSendForms,
       size: "small",
       text: "Send Forms",
       type: "secondary",
@@ -50976,8 +50997,8 @@ const ItemManagerPanel = _ref => {
       }
     }, /*#__PURE__*/React$1.createElement(VendorNameAndPackagesContainer$1, null, /*#__PURE__*/React$1.createElement(VendorName$2, null, item.name), item.packages.length === 0 && /*#__PURE__*/React$1.createElement(Subtitle$1, null, "No Packages"), item.packages.length > 0 && /*#__PURE__*/React$1.createElement(Subtitle$1, null, item.packages.length, " Packages Sent")), /*#__PURE__*/React$1.createElement(VendorChevron$1, null, /*#__PURE__*/React$1.createElement(ArrowRightFullIcon, null))), /*#__PURE__*/React$1.createElement(Trash$1, {
       className: "trash-icon",
-      onClick: item => {
-        onDelete(item);
+      onClick: () => {
+        onDeleteVendor(item);
       }
     }, /*#__PURE__*/React$1.createElement("svg", {
       width: "14",