sag_components 2.0.0-beta108 → 2.0.0-beta109

package/dist/index.js

@@ -41557,6 +41557,11 @@ const Trash$1 = styled__default["default"].div`
   height: 24px;
   padding: 0 12px;
   cursor: pointer;
+
+  svg {
+    pointer-events: none;
+  }
+  
   svg path {
     fill: white;
   }
@@ -41838,8 +41843,8 @@ const AddButtonContainer = styled__default["default"].div`
 `;
 const Container = styled__default["default"].div`
   display: flex;
+  gap: 16px;
   align-items: center;
-  justify-content: space-between;
   width: 100%;
 `;
 const Item$1 = styled__default["default"].div`
@@ -41859,14 +41864,11 @@ const Item$1 = styled__default["default"].div`
 const Title$2 = styled__default["default"].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__default["default"].div`
   border-radius: 48px;
@@ -41899,6 +41901,11 @@ const Trash = styled__default["default"].div`
   height: 24px;
   padding: 0 8px;
   cursor: pointer;
+
+  svg {
+    pointer-events: none;
+  }
+  
   svg path {
     fill: white;
   }
@@ -41913,14 +41920,27 @@ const Trash = styled__default["default"].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__default["default"].createElement(NewSubitemContainer$1, null, /*#__PURE__*/React__default["default"].createElement(Header$1, null, /*#__PURE__*/React__default["default"].createElement(BackButton$1, {
     onClick: onBack
   }, /*#__PURE__*/React__default["default"].createElement(ArrowLeftIcon, null)), /*#__PURE__*/React__default["default"].createElement(BackTitle$1, null, "All Vendors")), /*#__PURE__*/React__default["default"].createElement(SelectionTitle$1, null, vendor.name), /*#__PURE__*/React__default["default"].createElement(AddButtonContainer, null, /*#__PURE__*/React__default["default"].createElement(LinkButton, {
@@ -41932,15 +41952,16 @@ const NewSubitemList = props => {
     text: "Add Package",
     type: "primary"
   })), /*#__PURE__*/React__default["default"].createElement(List, null, vendorItems.map((item, idx) => /*#__PURE__*/React__default["default"].createElement(Item$1, {
+    key: idx
+  }, /*#__PURE__*/React__default["default"].createElement(PaperPlane, null), /*#__PURE__*/React__default["default"].createElement(Container, {
     onClick: e => {
       setSelectedPackage(item);
       handleSubitemDetail(item);
-    },
-    key: idx
-  }, /*#__PURE__*/React__default["default"].createElement(PaperPlane, null), /*#__PURE__*/React__default["default"].createElement(Container, null, item.brands && /*#__PURE__*/React__default["default"].createElement(Title$2, null, item.brands), item.component && /*#__PURE__*/React__default["default"].createElement(ComponentContainer, null, item.component[0])), /*#__PURE__*/React__default["default"].createElement(Chevron, null, /*#__PURE__*/React__default["default"].createElement(ArrowRightFullIcon, null)), /*#__PURE__*/React__default["default"].createElement(Trash, {
+    }
+  }, item.brands && /*#__PURE__*/React__default["default"].createElement(Title$2, null, item.brands), item.component && /*#__PURE__*/React__default["default"].createElement(ComponentContainer, null, item.component[0]), /*#__PURE__*/React__default["default"].createElement(Chevron, null, /*#__PURE__*/React__default["default"].createElement(ArrowRightFullIcon, null))), /*#__PURE__*/React__default["default"].createElement(Trash, {
     className: "trash-icon",
     onClick: e => {
-      onTrashClick(item);
+      onDeletePackage(item);
     }
   }, /*#__PURE__*/React__default["default"].createElement("svg", {
     width: "14",
@@ -42124,16 +42145,6 @@ const NewSubitem = ({
     setNegotiatedBrands(packageObject.brands);
     setNegotiatedComponent(packageObject.component);
   }, [packageObject]);
-  React$1.useEffect(() => {
-    // Log all props to the console
-    console.log({
-      packageObject,
-      vendor,
-      onBack,
-      addNewPackage,
-      linkColor
-    });
-  }, []);
   return /*#__PURE__*/React__default["default"].createElement(NewSubitemContainer, null, /*#__PURE__*/React__default["default"].createElement(Header, null, /*#__PURE__*/React__default["default"].createElement(BackButton, {
     onClick: onBack
   }, /*#__PURE__*/React__default["default"].createElement(ArrowLeftIcon, null)), /*#__PURE__*/React__default["default"].createElement(BackTitle, null, vendor.name)), /*#__PURE__*/React__default["default"].createElement(SelectionTitle, null, "Add Package"), /*#__PURE__*/React__default["default"].createElement(ButtonsContainer, null, /*#__PURE__*/React__default["default"].createElement(Button$1, {
@@ -50851,6 +50862,7 @@ const ItemManagerPanel = _ref => {
     height = "100%",
     onSendForms = () => {},
     editMode = true,
+    disabledSendForms = false,
     itemAndPackage = [],
     setItemAndPackage,
     linkColor = "#212121",
@@ -50891,6 +50903,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__default["default"].createElement(Card, {
       width: width,
@@ -50899,6 +50918,7 @@ const ItemManagerPanel = _ref => {
     }, /*#__PURE__*/React__default["default"].createElement(NewSubitemList, {
       linkColor: linkColor,
       setSelectedPackage: setSelectedPackage,
+      setItemAndPackage: setItemAndPackage,
       vendor: selectedVendor,
       itemAndPackage: itemAndPackage,
       onBack: () => setScreen("initial"),
@@ -50966,6 +50986,7 @@ const ItemManagerPanel = _ref => {
       leftIcon: "Fly",
       onClick: () => setScreen("confirmation"),
       rightIcon: "none",
+      disabled: disabledSendForms,
       size: "small",
       text: "Send Forms",
       type: "secondary",
@@ -50986,8 +51007,8 @@ const ItemManagerPanel = _ref => {
       }
     }, /*#__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, {
       className: "trash-icon",
-      onClick: item => {
-        onDelete(item);
+      onClick: () => {
+        onDeleteVendor(item);
       }
     }, /*#__PURE__*/React__default["default"].createElement("svg", {
       width: "14",