@procore/saved-views 5.1.0-alpha.1 → 5.1.0-alpha.2

package/dist/legacy/index.js

@@ -2011,9 +2011,9 @@ var require_dist = __commonJS({
   }
 });
 
-// node_modules/react-is/cjs/react-is.production.min.js
+// ../../node_modules/styled-components/node_modules/react-is/cjs/react-is.production.min.js
 var require_react_is_production_min = __commonJS({
-  "node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
+  "../../node_modules/styled-components/node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
     "use strict";
     var b2 = 60103;
     var c2 = 60106;
@@ -2149,9 +2149,9 @@ var require_react_is_production_min = __commonJS({
   }
 });
 
-// node_modules/react-is/cjs/react-is.development.js
+// ../../node_modules/styled-components/node_modules/react-is/cjs/react-is.development.js
 var require_react_is_development = __commonJS({
-  "node_modules/react-is/cjs/react-is.development.js"(exports2) {
+  "../../node_modules/styled-components/node_modules/react-is/cjs/react-is.development.js"(exports2) {
     "use strict";
     if (process.env.NODE_ENV !== "production") {
       (function() {
@@ -2341,9 +2341,9 @@ var require_react_is_development = __commonJS({
   }
 });
 
-// node_modules/react-is/index.js
+// ../../node_modules/styled-components/node_modules/react-is/index.js
 var require_react_is = __commonJS({
-  "node_modules/react-is/index.js"(exports2, module2) {
+  "../../node_modules/styled-components/node_modules/react-is/index.js"(exports2, module2) {
     "use strict";
     if (process.env.NODE_ENV === "production") {
       module2.exports = require_react_is_production_min();
@@ -8811,7 +8811,8 @@ var en_default = {
       viewTemporarily: "View Temporarily",
       createView: "Create View",
       copyShareLink: "Copy Share Link",
-      linkCopied: "Share link copied to clipboard"
+      linkCopied: "Share link copied to clipboard",
+      clearTemporary: "Remove"
     },
     modal: {
       edit: {
@@ -8825,8 +8826,7 @@ var en_default = {
         description: "This view cannot be restored once it has been deleted."
       },
       copyConfirmation: {
-        headline: 'Create "{{savedViewName}}" as a personal saved view?',
-        description: "You pasted a link to a saved view that does not yet exist for you. You can create it as a personal saved view or just view it temporarily."
+        description: "You pasted a link to a saved view that does not yet exist for you.\nYou can create it as a personal saved view or just view it\ntemporarily."
       },
       fields: {
         name: "Name",
@@ -8874,6 +8874,7 @@ var en_default = {
       rfi: "All RFIs",
       submittal_log: "All Submittals"
     },
+    temporaryViewName: "Temporary View",
     viewLevel: {
       company: "Company Views",
       project: "Project Views",
@@ -9719,7 +9720,7 @@ function __rest(s2, e2) {
   return t2;
 }
 
-// ../../node_modules/@procore/core-icons/dist/Icon.js
+// node_modules/@procore/core-icons/dist/Icon.js
 var React = __toESM(require("react"));
 function getSize(size) {
   if (size === "sm") {
@@ -9738,7 +9739,7 @@ function Icon(_a) {
   return React.isValidElement(children) ? React.cloneElement(children, __assign(__assign({ "aria-hidden": true, "data-qa": "ci-".concat(props.name) }, props), { width: getSize(props.size), height: getSize(props.size), focusable: false, style: __assign(__assign({}, props.style), { flex: "0 0 auto" }) })) : null;
 }
 
-// ../../node_modules/@procore/core-icons/dist/icons/Building.js
+// node_modules/@procore/core-icons/dist/icons/Building.js
 var React2 = __toESM(require("react"));
 var Building = React2.forwardRef(function Building2(props, ref) {
   return React2.createElement(
@@ -9754,7 +9755,7 @@ var Building = React2.forwardRef(function Building2(props, ref) {
 Building.displayName = "Building";
 var Building_default = Building;
 
-// ../../node_modules/@procore/core-icons/dist/icons/ChevronDown.js
+// node_modules/@procore/core-icons/dist/icons/ChevronDown.js
 var React3 = __toESM(require("react"));
 var ChevronDown = React3.forwardRef(function ChevronDown2(props, ref) {
   return React3.createElement(
@@ -9770,7 +9771,7 @@ var ChevronDown = React3.forwardRef(function ChevronDown2(props, ref) {
 ChevronDown.displayName = "ChevronDown";
 var ChevronDown_default = ChevronDown;
 
-// ../../node_modules/@procore/core-icons/dist/icons/ChevronRight.js
+// node_modules/@procore/core-icons/dist/icons/ChevronRight.js
 var React4 = __toESM(require("react"));
 var ChevronRight = React4.forwardRef(function ChevronRight2(props, ref) {
   return React4.createElement(
@@ -9786,100 +9787,116 @@ var ChevronRight = React4.forwardRef(function ChevronRight2(props, ref) {
 ChevronRight.displayName = "ChevronRight";
 var ChevronRight_default = ChevronRight;
 
-// ../../node_modules/@procore/core-icons/dist/icons/Excavator.js
+// node_modules/@procore/core-icons/dist/icons/Clear.js
 var React5 = __toESM(require("react"));
-var Excavator = React5.forwardRef(function Excavator2(props, ref) {
+var Clear = React5.forwardRef(function Clear2(props, ref) {
   return React5.createElement(
     Icon,
-    __assign({}, props, { name: "Excavator" }),
+    __assign({}, props, { name: "Clear" }),
     React5.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React5.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.54979 2H8.26065L11.4955 8H17.5V12.5L20 14.5V16H9.5V8.5L7.27126 3.72125H6.64878L3.82536 10.525H7.55556L6.32099 13.9675H2V10.525V10.5L5.54979 2ZM15.3333 10.0325H12V12.3275H15.3333V10.0325Z", fill: "currentColor" }),
-      React5.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.55556 19.705C7.55556 18.4375 8.55048 17.41 9.77778 17.41H19.7778C21.0051 17.41 22 18.4375 22 19.705C22 20.9725 21.0051 22 19.7778 22H9.77778C8.55048 22 7.55556 20.9725 7.55556 19.705ZM10.6111 20.4844C11.0713 20.4844 11.4444 20.0991 11.4444 19.6238C11.4444 19.1484 11.0713 18.7631 10.6111 18.7631C10.1509 18.7631 9.77778 19.1484 9.77778 19.6238C9.77778 20.0991 10.1509 20.4844 10.6111 20.4844ZM14.2222 19.6238C14.2222 20.0991 13.8491 20.4844 13.3889 20.4844C12.9287 20.4844 12.5556 20.0991 12.5556 19.6238C12.5556 19.1484 12.9287 18.7631 13.3889 18.7631C13.8491 18.7631 14.2222 19.1484 14.2222 19.6238ZM16.1667 20.4844C16.6269 20.4844 17 20.0991 17 19.6238C17 19.1484 16.6269 18.7631 16.1667 18.7631C15.7064 18.7631 15.3333 19.1484 15.3333 19.6238C15.3333 20.0991 15.7064 20.4844 16.1667 20.4844ZM19.7778 19.6238C19.7778 20.0991 19.4047 20.4844 18.9444 20.4844C18.4842 20.4844 18.1111 20.0991 18.1111 19.6238C18.1111 19.1484 18.4842 18.7631 18.9444 18.7631C19.4047 18.7631 19.7778 19.1484 19.7778 19.6238Z", fill: "currentColor" })
+      React5.createElement("path", { d: "M14.3686 12.0003L21.0003 5.36856L18.6317 3L12 9.63169L5.36856 3.00025L3 5.36881L9.63144 12.0003L3 18.6317L5.36856 21.0003L12 14.3688L18.6317 21.0005L21.0003 18.6319L14.3686 12.0003Z", fill: "currentColor" })
     )
   );
 });
-Excavator.displayName = "Excavator";
-var Excavator_default = Excavator;
+Clear.displayName = "Clear";
+var Clear_default = Clear;
 
-// ../../node_modules/@procore/core-icons/dist/icons/ExpandSidebar.js
+// node_modules/@procore/core-icons/dist/icons/Excavator.js
 var React6 = __toESM(require("react"));
-var ExpandSidebar = React6.forwardRef(function ExpandSidebar2(props, ref) {
+var Excavator = React6.forwardRef(function Excavator2(props, ref) {
   return React6.createElement(
     Icon,
-    __assign({}, props, { name: "ExpandSidebar" }),
+    __assign({}, props, { name: "Excavator" }),
     React6.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React6.createElement("path", { d: "M3 6.5H11V9H3V6.5Z", fill: "currentColor" }),
-      React6.createElement("path", { d: "M3 15H11V17.5H3V15Z", fill: "currentColor" }),
-      React6.createElement("path", { d: "M16.2319 13.25H3V10.75H16.2336L12.2665 6.78227L14.0344 5.01465L21.0179 11.9993L14.034 18.9839L12.2661 17.2162L16.2319 13.25Z", fill: "currentColor" })
+      React6.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.54979 2H8.26065L11.4955 8H17.5V12.5L20 14.5V16H9.5V8.5L7.27126 3.72125H6.64878L3.82536 10.525H7.55556L6.32099 13.9675H2V10.525V10.5L5.54979 2ZM15.3333 10.0325H12V12.3275H15.3333V10.0325Z", fill: "currentColor" }),
+      React6.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.55556 19.705C7.55556 18.4375 8.55048 17.41 9.77778 17.41H19.7778C21.0051 17.41 22 18.4375 22 19.705C22 20.9725 21.0051 22 19.7778 22H9.77778C8.55048 22 7.55556 20.9725 7.55556 19.705ZM10.6111 20.4844C11.0713 20.4844 11.4444 20.0991 11.4444 19.6238C11.4444 19.1484 11.0713 18.7631 10.6111 18.7631C10.1509 18.7631 9.77778 19.1484 9.77778 19.6238C9.77778 20.0991 10.1509 20.4844 10.6111 20.4844ZM14.2222 19.6238C14.2222 20.0991 13.8491 20.4844 13.3889 20.4844C12.9287 20.4844 12.5556 20.0991 12.5556 19.6238C12.5556 19.1484 12.9287 18.7631 13.3889 18.7631C13.8491 18.7631 14.2222 19.1484 14.2222 19.6238ZM16.1667 20.4844C16.6269 20.4844 17 20.0991 17 19.6238C17 19.1484 16.6269 18.7631 16.1667 18.7631C15.7064 18.7631 15.3333 19.1484 15.3333 19.6238C15.3333 20.0991 15.7064 20.4844 16.1667 20.4844ZM19.7778 19.6238C19.7778 20.0991 19.4047 20.4844 18.9444 20.4844C18.4842 20.4844 18.1111 20.0991 18.1111 19.6238C18.1111 19.1484 18.4842 18.7631 18.9444 18.7631C19.4047 18.7631 19.7778 19.1484 19.7778 19.6238Z", fill: "currentColor" })
     )
   );
 });
-ExpandSidebar.displayName = "ExpandSidebar";
-var ExpandSidebar_default = ExpandSidebar;
+Excavator.displayName = "Excavator";
+var Excavator_default = Excavator;
 
-// ../../node_modules/@procore/core-icons/dist/icons/Help.js
+// node_modules/@procore/core-icons/dist/icons/ExpandSidebar.js
 var React7 = __toESM(require("react"));
-var Help = React7.forwardRef(function Help2(props, ref) {
+var ExpandSidebar = React7.forwardRef(function ExpandSidebar2(props, ref) {
   return React7.createElement(
     Icon,
-    __assign({}, props, { name: "Help" }),
+    __assign({}, props, { name: "ExpandSidebar" }),
     React7.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React7.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12ZM10.5263 7.95937C10.2808 8.36033 10.1916 8.91994 10.1916 9.37657H7.5C7.5 8.66165 7.62111 7.4859 8.25879 6.44439C8.95769 5.30289 10.172 4.5 11.9579 4.5C13.5589 4.5 14.7796 4.98286 15.5728 5.91817C16.3382 6.82071 16.5 7.90665 16.5 8.67364C16.5 10.8341 15.0595 12.1455 13.8423 12.7536C13.5724 12.8885 13.381 13.0989 13.2617 13.2697V14.25H10.5701V13.1798C10.5701 12.8171 10.6368 12.3478 10.903 11.8984C11.162 11.4612 11.7165 10.699 12.681 10.2171C13.3984 9.85866 13.8084 9.32492 13.8084 8.67364C13.8084 8.26908 13.7179 7.97113 13.5581 7.78266C13.426 7.62697 13.0486 7.31172 11.9579 7.31172C11.0523 7.31172 10.7105 7.65841 10.5263 7.95937ZM11.954 19.5059C12.925 19.5059 13.7121 18.7187 13.7121 17.7477C13.7121 16.7767 12.925 15.9895 11.954 15.9895C10.9829 15.9895 10.1958 16.7767 10.1958 17.7477C10.1958 18.7187 10.9829 19.5059 11.954 19.5059Z", fill: "currentColor" })
+      React7.createElement("path", { d: "M3 6.5H11V9H3V6.5Z", fill: "currentColor" }),
+      React7.createElement("path", { d: "M3 15H11V17.5H3V15Z", fill: "currentColor" }),
+      React7.createElement("path", { d: "M16.2319 13.25H3V10.75H16.2336L12.2665 6.78227L14.0344 5.01465L21.0179 11.9993L14.034 18.9839L12.2661 17.2162L16.2319 13.25Z", fill: "currentColor" })
     )
   );
 });
-Help.displayName = "Help";
-var Help_default = Help;
+ExpandSidebar.displayName = "ExpandSidebar";
+var ExpandSidebar_default = ExpandSidebar;
 
-// ../../node_modules/@procore/core-icons/dist/icons/Link.js
+// node_modules/@procore/core-icons/dist/icons/Help.js
 var React8 = __toESM(require("react"));
-var Link = React8.forwardRef(function Link2(props, ref) {
+var Help = React8.forwardRef(function Help2(props, ref) {
   return React8.createElement(
     Icon,
-    __assign({}, props, { name: "Link" }),
+    __assign({}, props, { name: "Help" }),
     React8.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React8.createElement("path", { d: "M6.01273 13.106C6.21565 9.97594 8.81868 7.5 12 7.5H13.5V10.5L12 10.5C10.3431 10.5 9 11.8431 9 13.5L9 16.5C9 18.1569 10.3431 19.5 12 19.5H16.5C18.1569 19.5 19.5 18.1569 19.5 16.5L19.5 8.30269C21.2934 9.34012 22.5 11.2792 22.5 13.5V16.5C22.5 19.8137 19.8137 22.5 16.5 22.5H12C8.68629 22.5 6 19.8137 6 16.5L6 13.0987L6.01273 13.106Z", fill: "currentColor" }),
-      React8.createElement("path", { d: "M15 10.5C15 10.501 15 10.502 15 10.503V10.5269C14.9854 12.1712 13.6478 13.5 12 13.5L10.5 13.5V16.5H12C15.1813 16.5 17.7844 14.0241 17.9873 10.894L18.0086 10.9064L18.0001 10.8343L18 7.5C18 4.18629 15.3137 1.5 12 1.5H7.5C4.18629 1.5 1.5 4.18629 1.5 7.5V10.5C1.5 12.7208 2.7066 14.6599 4.5 15.6973L4.5 7.5C4.5 5.84315 5.84315 4.5 7.5 4.5L12 4.5C13.6569 4.5 15 5.84315 15 7.5H14.9867L15 7.52707L15 10.5Z", fill: "currentColor" })
+      React8.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12ZM10.5263 7.95937C10.2808 8.36033 10.1916 8.91994 10.1916 9.37657H7.5C7.5 8.66165 7.62111 7.4859 8.25879 6.44439C8.95769 5.30289 10.172 4.5 11.9579 4.5C13.5589 4.5 14.7796 4.98286 15.5728 5.91817C16.3382 6.82071 16.5 7.90665 16.5 8.67364C16.5 10.8341 15.0595 12.1455 13.8423 12.7536C13.5724 12.8885 13.381 13.0989 13.2617 13.2697V14.25H10.5701V13.1798C10.5701 12.8171 10.6368 12.3478 10.903 11.8984C11.162 11.4612 11.7165 10.699 12.681 10.2171C13.3984 9.85866 13.8084 9.32492 13.8084 8.67364C13.8084 8.26908 13.7179 7.97113 13.5581 7.78266C13.426 7.62697 13.0486 7.31172 11.9579 7.31172C11.0523 7.31172 10.7105 7.65841 10.5263 7.95937ZM11.954 19.5059C12.925 19.5059 13.7121 18.7187 13.7121 17.7477C13.7121 16.7767 12.925 15.9895 11.954 15.9895C10.9829 15.9895 10.1958 16.7767 10.1958 17.7477C10.1958 18.7187 10.9829 19.5059 11.954 19.5059Z", fill: "currentColor" })
     )
   );
 });
-Link.displayName = "Link";
-var Link_default = Link;
+Help.displayName = "Help";
+var Help_default = Help;
 
-// ../../node_modules/@procore/core-icons/dist/icons/Person.js
+// node_modules/@procore/core-icons/dist/icons/Link.js
 var React9 = __toESM(require("react"));
-var Person = React9.forwardRef(function Person2(props, ref) {
+var Link = React9.forwardRef(function Link2(props, ref) {
   return React9.createElement(
     Icon,
-    __assign({}, props, { name: "Person" }),
+    __assign({}, props, { name: "Link" }),
     React9.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React9.createElement("path", { d: "M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z", fill: "currentColor" })
+      React9.createElement("path", { d: "M6.01273 13.106C6.21565 9.97594 8.81868 7.5 12 7.5H13.5V10.5L12 10.5C10.3431 10.5 9 11.8431 9 13.5L9 16.5C9 18.1569 10.3431 19.5 12 19.5H16.5C18.1569 19.5 19.5 18.1569 19.5 16.5L19.5 8.30269C21.2934 9.34012 22.5 11.2792 22.5 13.5V16.5C22.5 19.8137 19.8137 22.5 16.5 22.5H12C8.68629 22.5 6 19.8137 6 16.5L6 13.0987L6.01273 13.106Z", fill: "currentColor" }),
+      React9.createElement("path", { d: "M15 10.5C15 10.501 15 10.502 15 10.503V10.5269C14.9854 12.1712 13.6478 13.5 12 13.5L10.5 13.5V16.5H12C15.1813 16.5 17.7844 14.0241 17.9873 10.894L18.0086 10.9064L18.0001 10.8343L18 7.5C18 4.18629 15.3137 1.5 12 1.5H7.5C4.18629 1.5 1.5 4.18629 1.5 7.5V10.5C1.5 12.7208 2.7066 14.6599 4.5 15.6973L4.5 7.5C4.5 5.84315 5.84315 4.5 7.5 4.5L12 4.5C13.6569 4.5 15 5.84315 15 7.5H14.9867L15 7.52707L15 10.5Z", fill: "currentColor" })
     )
   );
 });
-Person.displayName = "Person";
-var Person_default = Person;
+Link.displayName = "Link";
+var Link_default = Link;
 
-// ../../node_modules/@procore/core-icons/dist/icons/Plus.js
+// node_modules/@procore/core-icons/dist/icons/Person.js
 var React10 = __toESM(require("react"));
-var Plus = React10.forwardRef(function Plus2(props, ref) {
+var Person = React10.forwardRef(function Person2(props, ref) {
   return React10.createElement(
     Icon,
-    __assign({}, props, { name: "Plus" }),
+    __assign({}, props, { name: "Person" }),
     React10.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React10.createElement("path", { d: "M13.25 5H10.75V10.75H5V13.25H10.75V19H13.25V13.25H19V10.75H13.25V5Z", fill: "currentColor" })
+      React10.createElement("path", { d: "M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z", fill: "currentColor" })
+    )
+  );
+});
+Person.displayName = "Person";
+var Person_default = Person;
+
+// node_modules/@procore/core-icons/dist/icons/Plus.js
+var React11 = __toESM(require("react"));
+var Plus = React11.forwardRef(function Plus2(props, ref) {
+  return React11.createElement(
+    Icon,
+    __assign({}, props, { name: "Plus" }),
+    React11.createElement(
+      "svg",
+      { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
+      React11.createElement("path", { d: "M13.25 5H10.75V10.75H5V13.25H10.75V19H13.25V13.25H19V10.75H13.25V5Z", fill: "currentColor" })
     )
   );
 });
@@ -9890,7 +9907,7 @@ var Plus_default = Plus;
 var import_core_react2 = require("@procore/core-react");
 var import_react3 = __toESM(require("react"));
 
-// node_modules/styled-components/dist/styled-components.esm.js
+// ../../node_modules/styled-components/dist/styled-components.esm.js
 var import_react_is = __toESM(require_react_is());
 var import_react = __toESM(require("react"));
 var import_shallowequal = __toESM(require_shallowequal());
@@ -10445,7 +10462,7 @@ function memoize(fn) {
   };
 }
 
-// ../../node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js
+// ../../node_modules/styled-components/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js
 var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
 var isPropValid = /* @__PURE__ */ memoize(
   function(prop) {
@@ -10454,7 +10471,7 @@ var isPropValid = /* @__PURE__ */ memoize(
   /* Z+1 */
 );
 
-// node_modules/styled-components/dist/styled-components.esm.js
+// ../../node_modules/styled-components/dist/styled-components.esm.js
 var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
 function m() {
   return (m = Object.assign || function(e2) {
@@ -11185,7 +11202,7 @@ var useSavedViewsPanel_default = useSavedViewsPanel;
 
 // src/SavedViews/components/MenuItems/SavedViewsCollectionsMenuItem.tsx
 var import_core_react3 = require("@procore/core-react");
-var React14 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var import_toast_alert = require("@procore/toast-alert");
 var RowActionsBox = styled_components_esm_default(import_core_react3.Flex)`
   justify-content: center;
@@ -11202,7 +11219,7 @@ var Container2 = styled_components_esm_default(import_core_react3.Flex)`
   ${({ "aria-selected": selected }) => selected ? "color: hsl(218, 75%, 45%);" : ""}
 `;
 var SavedViewCollectionMenuItem = (props) => {
-  const onClick = React14.useCallback(
+  const onClick = React15.useCallback(
     (a2) => {
       var _a, _b;
       if (!props.item) {
@@ -11231,11 +11248,12 @@ var SavedViewCollectionMenuItem = (props) => {
   const copyShareLink = async (event) => {
     event.stopPropagation();
     try {
-      const currentUrl = new URL(window.location.href);
-      await navigator.clipboard.writeText(currentUrl.toString());
+      const { origin, pathname } = window.location;
+      const shareUrl = new URL(`${origin}${pathname}`);
+      shareUrl.searchParams.set("saved-view", props.item.share_token);
+      await navigator.clipboard.writeText(shareUrl.toString());
       showToast.success(i18n.t("savedViews.actions.linkCopied"));
     } catch (error) {
-      console.error("Failed to copy link:", error);
       showToast.error(i18n.t("savedViews.errors.copyFailed"));
     }
   };
@@ -11249,7 +11267,7 @@ var SavedViewCollectionMenuItem = (props) => {
       label: i18n.t("savedViews.actions.delete")
     }
   ];
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement(
     Container2,
     {
       "aria-selected": Boolean(props.selected),
@@ -11260,7 +11278,7 @@ var SavedViewCollectionMenuItem = (props) => {
       }),
       "data-testid": "saved-view-collection-menu-item"
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       "span",
       {
         "data-testid": "saved-view-display-name",
@@ -11268,7 +11286,7 @@ var SavedViewCollectionMenuItem = (props) => {
       },
       props.item.name
     ),
-    /* @__PURE__ */ React14.createElement(RowActionsBox, null, /* @__PURE__ */ React14.createElement(import_core_react3.Box, { justifyContent: "space-between" }, props.item.id !== "default" && props.canUpdate && /* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(RowActionsBox, null, /* @__PURE__ */ React15.createElement(import_core_react3.Box, { justifyContent: "space-between" }, props.item.id !== "default" && props.canUpdate && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
       import_core_react3.Button,
       {
         onClick: updateItem,
@@ -11279,7 +11297,7 @@ var SavedViewCollectionMenuItem = (props) => {
         loading: props.isUpdateProcessing
       },
       i18n.t("savedViews.actions.update")
-    )), props.item.id !== "default" && props.selected && !props.canUpdate && props.item.id !== "temporary" && /* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement(
+    )), props.item.id !== "default" && props.selected && !props.canUpdate && props.item.id !== "temporary" && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
       import_core_react3.Button,
       {
         onClick: copyShareLink,
@@ -11288,8 +11306,23 @@ var SavedViewCollectionMenuItem = (props) => {
         "aria-label": i18n.t("savedViews.actions.copyShareLink"),
         "data-testid": "copy-share-link-button"
       },
-      /* @__PURE__ */ React14.createElement(Link_default, { size: "sm" })
-    ))), /* @__PURE__ */ React14.createElement(import_core_react3.Box, null, props.item.id !== "default" && props.canEditOrDelete && /* @__PURE__ */ React14.createElement("div", { onClick: (e2) => e2.stopPropagation() }, /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React15.createElement(Link_default, { size: "sm" })
+    )), props.item.id === "temporary" && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
+      import_core_react3.Button,
+      {
+        onClick: (e2) => {
+          var _a;
+          e2.stopPropagation();
+          (_a = props.onClearTemporary) == null ? void 0 : _a.call(props);
+        },
+        variant: "tertiary",
+        size: "sm",
+        "aria-label": i18n.t("savedViews.actions.clearTemporary"),
+        title: i18n.t("savedViews.actions.clearTemporary"),
+        "data-testid": "clear-temporary-view-button"
+      },
+      /* @__PURE__ */ React15.createElement(Clear_default, { size: "sm" })
+    ))), /* @__PURE__ */ React15.createElement(import_core_react3.Box, null, props.item.id !== "default" && props.canEditOrDelete && /* @__PURE__ */ React15.createElement("div", { onClick: (e2) => e2.stopPropagation() }, /* @__PURE__ */ React15.createElement(
       import_core_react3.DropdownFlyout,
       {
         "data-testid": "saved-view-overflow-button",
@@ -11317,7 +11350,7 @@ var import_core_react7 = require("@procore/core-react");
 var import_toast_alert2 = require("@procore/toast-alert");
 var import_react9 = __toESM(require("react"));
 
-// ../../node_modules/@procore/core-http/dist/modern/index.js
+// node_modules/@procore/core-http/dist/modern/index.js
 function getCSRFToken() {
   const token = document.cookie.match("(^|;)\\s*csrf_token\\s*=\\s*([^;]+)");
   return token ? decodeURIComponent(token.pop() || "") : "";
@@ -11374,7 +11407,7 @@ var useApiRequest = (props, method, mutationKey) => {
     mutationFn: async (savedView) => {
       let url = "";
       if (method === "DELETE" || method === "PUT") {
-        url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedView.id}?permissions_domain=${domain}`;
+        url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedView.share_token}?permissions_domain=${domain}`;
       } else {
         url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views?table_name=${tableName}&permissions_domain=${domain}`;
       }
@@ -11403,7 +11436,9 @@ var useApiRequest = (props, method, mutationKey) => {
           domain,
           tableName
         ]);
-        const oldView = oldData == null ? void 0 : oldData.find((item) => item.id === savedView.id);
+        const oldView = oldData == null ? void 0 : oldData.find(
+          (item) => item.share_token === savedView.share_token
+        );
         if ((oldView == null ? void 0 : oldView.name) !== savedView.name) {
           queryClient2.invalidateQueries({
             queryKey: ["savedViews", domain, tableName]
@@ -11417,7 +11452,7 @@ var useApiRequest = (props, method, mutationKey) => {
           if (!oldData)
             return [savedView];
           return oldData.map(
-            (item) => item.id === savedView.id ? savedView : item
+            (item) => item.share_token === savedView.share_token ? savedView : item
           );
         }
       );
@@ -11434,7 +11469,6 @@ var useSavedViewsQuery = (props) => {
   const { projectId, companyId, domain, tableName } = props;
   const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views?table_name=${tableName}&permissions_domain=${domain}`;
   return (0, import_react_query2.useQuery)({
-    enabled: props.enableSavedViews,
     queryKey: ["savedViews", domain, tableName],
     queryFn: async () => {
       const getUrl2 = `${url}&per_page=${PAGE_SIZE}`;
@@ -11447,7 +11481,6 @@ var useSavedViewsPermissions = (props) => {
   const { projectId, companyId, domain } = props;
   const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/permissions?permissions_domain=${domain}`;
   return (0, import_react_query2.useQuery)({
-    enabled: props.enableSavedViews,
     queryKey: ["savedViewsConfig", domain],
     queryFn: async () => {
       const response = await requestJSON(url);
@@ -11470,13 +11503,13 @@ var useDeleteSavedView = (props) => useApiRequest(props, "DELETE", [
   props.domain,
   props.tableName
 ]);
-var useFetchSavedViewById = (savedViewId, queryInput, enabled = true) => {
+var useFetchSavedViewById = (savedViewToken, queryInput, enabled = true) => {
   const { projectId, companyId } = queryInput;
   return (0, import_react_query2.useQuery)({
-    enabled: enabled && Boolean(savedViewId),
-    queryKey: ["savedView", savedViewId],
+    enabled: enabled && Boolean(savedViewToken),
+    queryKey: ["savedView", savedViewToken],
     queryFn: async () => {
-      const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedViewId}`;
+      const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedViewToken}`;
       const response = await requestJSON(url);
       return response.data;
     }
@@ -11555,7 +11588,7 @@ var getColumnIdentifier = (col) => {
   }
   return "";
 };
-var updateTableConfig = (view, tableApi, provider, onTableConfigChange) => {
+var updateTableConfig = (view, tableApi, provider) => {
   if (provider === "smart-grid") {
     setSmartGridConfig(
       tableApi,
@@ -11570,9 +11603,6 @@ var updateTableConfig = (view, tableApi, provider, onTableConfigChange) => {
         dataTableApi == null ? void 0 : dataTableApi.setRowHeight(rowHeight);
       }
       dataTableApi == null ? void 0 : dataTableApi.setTableConfiguration(tableConfig);
-      if (onTableConfigChange) {
-        onTableConfigChange(tableConfig);
-      }
     }
   }
 };
@@ -11751,12 +11781,11 @@ var Panel2 = styled_components_esm_default(import_core_react7.DetailPage.Card)`
   box-shadow: none;
 `;
 var PanelContent = (props) => {
-  var _a, _b;
+  var _a, _b, _c;
   const { showToast } = (0, import_toast_alert2.useToastAlertContext)();
   const I18n = (0, import_core_react7.useI18nContext)();
   const { mutate: updateSavedView, isPending: isUpdateLoading } = useUpdateSavedView(props.queryInput);
-  const { data: savedViewsFromQuery, error: savedViewsError } = useSavedViewsQuery(props.queryInput);
-  const savedViews = props.savedViews ?? savedViewsFromQuery;
+  const { error: savedViewsError } = useSavedViewsQuery(props.queryInput);
   const errorToastRef = import_react9.default.useRef(null);
   import_react9.default.useEffect(() => {
     if (savedViewsError && savedViewsError !== errorToastRef.current) {
@@ -11765,7 +11794,7 @@ var PanelContent = (props) => {
     }
   }, [savedViewsError, showToast, I18n]);
   const { data: permissions } = useSavedViewsPermissions(props.queryInput);
-  const selectedRowRef = useScrollToRef(savedViews);
+  const selectedRowRef = useScrollToRef(props.savedViews);
   const onUpdate = (data) => {
     const newSavedView = {
       ...data,
@@ -11775,8 +11804,7 @@ var PanelContent = (props) => {
     updateSavedView(newSavedView, {
       onSuccess: () => {
         showToast.success(I18n.t("savedViews.update.success"));
-        props.updateLocalStorage(newSavedView);
-        props.setSelectedSavedView(newSavedView);
+        props.onSelect({ item: newSavedView });
       },
       onError: () => {
         showToast.error(I18n.t("savedViews.errors.update"));
@@ -11786,7 +11814,9 @@ var PanelContent = (props) => {
   const { groups, toggleGroup } = useGroups();
   const isDefaultSelected = ((_a = props.selectedSavedView) == null ? void 0 : _a.id) === "default";
   const isTemporarySelected = ((_b = props.selectedSavedView) == null ? void 0 : _b.id) === "temporary";
-  const temporaryView = savedViews == null ? void 0 : savedViews.find((view) => view.id === "temporary");
+  const temporaryView = (_c = props.savedViews) == null ? void 0 : _c.find(
+    (view) => view.id === "temporary"
+  );
   return /* @__PURE__ */ import_react9.default.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ import_react9.default.createElement(import_core_react7.Flex, { direction: "column", style: { height: "100%", width: "100%" } }, temporaryView && /* @__PURE__ */ import_react9.default.createElement(
     Row,
     {
@@ -11798,7 +11828,8 @@ var PanelContent = (props) => {
       SavedViewCollectionMenuItem,
       {
         item: temporaryView,
-        selected: isTemporarySelected
+        selected: isTemporarySelected,
+        onClearTemporary: props.onClearTemporary
       }
     )
   ), /* @__PURE__ */ import_react9.default.createElement(
@@ -11817,7 +11848,7 @@ var PanelContent = (props) => {
     )
   ), VIEW_LEVELS.map((level) => {
     const isExpanded = groups[level];
-    const views = isExpanded && savedViews ? savedViews.filter(
+    const views = isExpanded && props.savedViews ? props.savedViews.filter(
       (view) => view.view_level === level && view.id !== "temporary"
     ) : [];
     return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, { key: level }, /* @__PURE__ */ import_react9.default.createElement(
@@ -11869,7 +11900,7 @@ var PanelContent = (props) => {
 };
 
 // src/SavedViews/components/SavedViews/SmartGrid/SmartGridSavedViews.tsx
-var import_react19 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 
 // src/SavedViews/components/SavedViews/SmartGrid/SmartGridDefaultSavedView.tsx
 var import_core_react8 = require("@procore/core-react");
@@ -11930,7 +11961,7 @@ var useSmartGridConfig = (gridApi) => {
 
 // src/SavedViews/components/SavedViews/SavedViews.tsx
 var import_core_react13 = require("@procore/core-react");
-var import_react18 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var import_react_query3 = require("@tanstack/react-query");
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsDeleteConfirmationModalShared.tsx
@@ -11962,7 +11993,7 @@ var import_react12 = __toESM(require("react"));
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
 var import_core_react10 = require("@procore/core-react");
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 
 // ../../node_modules/yup/index.esm.js
 var import_property_expr = __toESM(require_property_expr());
@@ -14305,7 +14336,6 @@ var SavedViewsCreateUpdateModalBase = ({
   tableName,
   defaultView,
   selectedSavedView,
-  setSelectedSavedView,
   setOpenEditCreateModal,
   onSelect
 }) => {
@@ -14343,8 +14373,8 @@ var SavedViewsCreateUpdateModalBase = ({
       };
       updateSavedView(body, {
         onSuccess: (updatedSavedView) => {
+          onSelect(updatedSavedView);
           setOpenEditCreateModal(false);
-          setSelectedSavedView(updatedSavedView);
         }
       });
     } else {
@@ -14363,7 +14393,7 @@ var SavedViewsCreateUpdateModalBase = ({
     }
   };
   const viewLevelOptions = getViewLevelOptions(permissions, I18n);
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(
     import_core_react10.Modal,
     {
       "aria-label": I18n.t("savedViews.ariaLabels.modal"),
@@ -14372,14 +14402,14 @@ var SavedViewsCreateUpdateModalBase = ({
       style: { width: "540px" },
       "data-testid": "create-update-modal"
     },
-    /* @__PURE__ */ React18.createElement(ScrollContainer, null, /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement(ScrollContainer, null, /* @__PURE__ */ React19.createElement(
       import_core_react10.Modal.Header,
       {
         onClose,
         style: { borderBottom: `1px solid ${import_core_react10.colors.gray85}` }
       },
-      /* @__PURE__ */ React18.createElement(import_core_react10.H2, null, header)
-    ), /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement(import_core_react10.H2, null, header)
+    ), /* @__PURE__ */ React19.createElement(
       import_core_react10.Form,
       {
         initialValues: {
@@ -14405,13 +14435,13 @@ var SavedViewsCreateUpdateModalBase = ({
         onReset: onCancel,
         validateOnChange: true
       },
-      /* @__PURE__ */ React18.createElement(import_core_react10.Form.Form, { name: header }, /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement(import_core_react10.Form.Form, { name: header }, /* @__PURE__ */ React19.createElement(
         import_core_react10.Modal.Body,
         {
           style: { paddingTop: 0, paddingBottom: 0, marginTop: import_core_react10.spacing.lg }
         },
-        errors && /* @__PURE__ */ React18.createElement(import_core_react10.ErrorBanner, { style: { marginBottom: import_core_react10.spacing.xl } }, /* @__PURE__ */ React18.createElement(import_core_react10.Banner.Content, null, /* @__PURE__ */ React18.createElement(import_core_react10.Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React18.createElement(import_core_react10.Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
-        /* @__PURE__ */ React18.createElement(import_core_react10.Form.Row, null, /* @__PURE__ */ React18.createElement(
+        errors && /* @__PURE__ */ React19.createElement(import_core_react10.ErrorBanner, { style: { marginBottom: import_core_react10.spacing.xl } }, /* @__PURE__ */ React19.createElement(import_core_react10.Banner.Content, null, /* @__PURE__ */ React19.createElement(import_core_react10.Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React19.createElement(import_core_react10.Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
+        /* @__PURE__ */ React19.createElement(import_core_react10.Form.Row, null, /* @__PURE__ */ React19.createElement(
           import_core_react10.Form.Text,
           {
             name: "name",
@@ -14422,12 +14452,12 @@ var SavedViewsCreateUpdateModalBase = ({
             onChange: () => resetMutations()
           }
         )),
-        /* @__PURE__ */ React18.createElement(
+        /* @__PURE__ */ React19.createElement(
           import_core_react10.Form.Row,
           {
             style: { marginTop: (errors == null ? void 0 : errors.name) ? import_core_react10.spacing.xl : import_core_react10.spacing.none }
           },
-          /* @__PURE__ */ React18.createElement(
+          /* @__PURE__ */ React19.createElement(
             import_core_react10.Form.TextArea,
             {
               name: "description",
@@ -14438,7 +14468,7 @@ var SavedViewsCreateUpdateModalBase = ({
             }
           )
         ),
-        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React18.createElement(import_core_react10.Form.Row, null, /* @__PURE__ */ React18.createElement(
+        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React19.createElement(import_core_react10.Form.Row, null, /* @__PURE__ */ React19.createElement(
           import_core_react10.Form.Select,
           {
             name: "view_level",
@@ -14448,8 +14478,8 @@ var SavedViewsCreateUpdateModalBase = ({
             onSearch: false,
             onClear: false
           }
-        )) : /* @__PURE__ */ React18.createElement(React18.Fragment, null)
-      ), /* @__PURE__ */ React18.createElement(import_core_react10.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react10.colors.gray85}` } }, /* @__PURE__ */ React18.createElement(import_core_react10.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React18.createElement(import_core_react10.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React18.createElement(import_core_react10.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React18.createElement(import_core_react10.Modal.FooterButtons, null, /* @__PURE__ */ React18.createElement(import_core_react10.Button, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React18.createElement(
+        )) : /* @__PURE__ */ React19.createElement(React19.Fragment, null)
+      ), /* @__PURE__ */ React19.createElement(import_core_react10.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react10.colors.gray85}` } }, /* @__PURE__ */ React19.createElement(import_core_react10.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React19.createElement(import_core_react10.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React19.createElement(import_core_react10.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React19.createElement(import_core_react10.Modal.FooterButtons, null, /* @__PURE__ */ React19.createElement(import_core_react10.Button, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React19.createElement(
         import_core_react10.Button,
         {
           "data-testid": "create-update-modal-button",
@@ -14474,7 +14504,6 @@ var SavedViewsFormModal = ({
   tableName,
   queryInput,
   selectedSavedView,
-  setSelectedSavedView,
   setOpenEditCreateModal,
   onSelect,
   defaultView
@@ -14493,7 +14522,6 @@ var SavedViewsFormModal = ({
       tableConfig,
       tableName,
       selectedSavedView,
-      setSelectedSavedView,
       setOpenEditCreateModal,
       onSelect,
       defaultView
@@ -14501,274 +14529,289 @@ var SavedViewsFormModal = ({
   );
 };
 
-// src/SavedViews/components/SavedViewsModals/CopyViewConfirmationModal.tsx
+// src/SavedViews/components/SavedViewsModals/SharedViewFormModal.tsx
 var import_core_react12 = require("@procore/core-react");
-var import_react13 = __toESM(require("react"));
-var CreateViewConfirmationModal = ({ open, savedViewName, onClose, onViewTemporarily, onCreateView }) => {
-  const i18n = (0, import_core_react12.useI18nContext)();
-  const handleViewTemporarily = () => {
-    onViewTemporarily == null ? void 0 : onViewTemporarily();
+var React21 = __toESM(require("react"));
+var SharedViewFormModal = ({
+  open,
+  fetchedView,
+  onClose,
+  onCreateTemporaryView,
+  onCreateView,
+  createError,
+  isCreating,
+  resetCreateError
+}) => {
+  const I18n = (0, import_core_react12.useI18nContext)();
+  const NAME_MAX_LENGTH = 150;
+  const errors = extractMessage(createError, I18n);
+  const handleNameChange = () => {
+    if (resetCreateError) {
+      resetCreateError();
+    }
   };
-  const handleCreateView = () => {
-    onCreateView == null ? void 0 : onCreateView();
+  const handleOnSubmit = (data) => {
+    onCreateView(data.name, data.description);
   };
-  return /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ React21.createElement(
     import_core_react12.Modal,
     {
-      "data-testid": "create-view-confirmation-modal",
+      "data-testid": "shared-view-form-modal",
       open,
-      onClickOverlay: onClose
-    },
-    /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Modal.Header, { onClose }, i18n.t("savedViews.modal.copyConfirmation.headline", {
-      savedViewName
-    })),
-    /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Modal.Body, null, /* @__PURE__ */ import_react13.default.createElement(import_core_react12.P, null, i18n.t("savedViews.modal.copyConfirmation.description"))),
-    /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Modal.Footer, null, /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Modal.FooterButtons, null, /* @__PURE__ */ import_react13.default.createElement(
-      import_core_react12.Button,
+      onClickOverlay: onClose,
+      style: { width: "540px" }
+    },
+    /* @__PURE__ */ React21.createElement(
+      import_core_react12.Modal.Header,
       {
-        variant: "secondary",
-        onClick: handleViewTemporarily,
-        "data-testid": "view-temporarily-button"
+        onClose,
+        style: {
+          paddingTop: import_core_react12.spacing.lg,
+          paddingBottom: import_core_react12.spacing.xs,
+          paddingLeft: import_core_react12.spacing.xl,
+          paddingRight: import_core_react12.spacing.xl
+        }
       },
-      i18n.t("savedViews.actions.viewTemporarily")
-    ), /* @__PURE__ */ import_react13.default.createElement(
-      import_core_react12.Button,
+      I18n.t("savedViews.modal.create.title")
+    ),
+    /* @__PURE__ */ React21.createElement(
+      import_core_react12.P,
       {
-        variant: "primary",
-        onClick: handleCreateView,
-        "data-testid": "create-view-button"
+        style: {
+          paddingLeft: import_core_react12.spacing.xl,
+          paddingRight: import_core_react12.spacing.xl,
+          paddingBottom: import_core_react12.spacing.lg,
+          paddingTop: import_core_react12.spacing.none,
+          margin: 0,
+          color: import_core_react12.colors.gray45,
+          whiteSpace: "pre-line"
+        }
       },
-      i18n.t("savedViews.actions.createView")
-    )))
+      I18n.t("savedViews.modal.copyConfirmation.description")
+    ),
+    /* @__PURE__ */ React21.createElement(
+      import_core_react12.Form,
+      {
+        initialValues: {
+          name: fetchedView.name,
+          description: fetchedView.description ?? ""
+        },
+        view: "create",
+        validationSchema: create$3().shape({
+          name: create$6().trim().max(
+            NAME_MAX_LENGTH,
+            I18n.t("savedViews.modal.errors.maxLengthName", {
+              maxLength: NAME_MAX_LENGTH
+            })
+          ).required(I18n.t("savedViews.modal.errors.required"))
+        }),
+        onSubmit: handleOnSubmit,
+        validateOnChange: true
+      },
+      /* @__PURE__ */ React21.createElement(import_core_react12.Form.Form, { name: "share-view-form" }, /* @__PURE__ */ React21.createElement(
+        import_core_react12.Modal.Body,
+        {
+          style: {
+            paddingTop: import_core_react12.spacing.lg,
+            paddingBottom: 0,
+            borderTop: `1px solid ${import_core_react12.colors.gray85}`
+          }
+        },
+        errors && /* @__PURE__ */ React21.createElement(import_core_react12.ErrorBanner, { style: { marginBottom: import_core_react12.spacing.xl } }, /* @__PURE__ */ React21.createElement(import_core_react12.Banner.Content, null, /* @__PURE__ */ React21.createElement(import_core_react12.Banner.Title, null, I18n.t("savedViews.modal.errors.title", {
+          mode: "create"
+        })), /* @__PURE__ */ React21.createElement(import_core_react12.Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t("savedViews.modal.errors.description.create")))),
+        /* @__PURE__ */ React21.createElement(import_core_react12.Form.Row, null, /* @__PURE__ */ React21.createElement(
+          import_core_react12.Form.Text,
+          {
+            name: "name",
+            error: errors == null ? void 0 : errors.name,
+            placeholder: I18n.t("savedViews.modal.fields.name"),
+            label: I18n.t("savedViews.modal.fields.name"),
+            colWidth: 12,
+            onChange: handleNameChange
+          }
+        )),
+        /* @__PURE__ */ React21.createElement(
+          import_core_react12.Form.Row,
+          {
+            style: { marginTop: (errors == null ? void 0 : errors.name) ? import_core_react12.spacing.xl : import_core_react12.spacing.none }
+          },
+          /* @__PURE__ */ React21.createElement(
+            import_core_react12.Form.TextArea,
+            {
+              name: "description",
+              placeholder: I18n.t("savedViews.modal.fields.description"),
+              label: I18n.t("savedViews.modal.fields.description"),
+              colWidth: 12,
+              resize: "vertical"
+            }
+          )
+        )
+      ), /* @__PURE__ */ React21.createElement(import_core_react12.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react12.colors.gray85}` } }, /* @__PURE__ */ React21.createElement(import_core_react12.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React21.createElement(import_core_react12.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React21.createElement(import_core_react12.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React21.createElement(import_core_react12.Modal.FooterButtons, null, /* @__PURE__ */ React21.createElement(
+        import_core_react12.Button,
+        {
+          variant: "secondary",
+          onClick: onCreateTemporaryView,
+          "data-testid": "view-temporarily-button",
+          disabled: isCreating
+        },
+        I18n.t("savedViews.actions.viewTemporarily")
+      ), /* @__PURE__ */ React21.createElement(
+        import_core_react12.Button,
+        {
+          type: "submit",
+          variant: "primary",
+          "data-testid": "create-view-button",
+          disabled: isCreating,
+          loading: isCreating
+        },
+        I18n.t("savedViews.actions.create")
+      )))))
+    )
   );
 };
 
 // src/utils/Hooks/useViewSelection.ts
-var import_react15 = require("react");
-
-// src/utils/Hooks/useUrlSync.ts
-var import_react14 = require("react");
+var import_react13 = require("react");
 var import_react_router_dom = require("react-router-dom");
-var useUrlSync = (selectedView, availableViews, defaultView, onViewFound, onViewNotFound) => {
-  const [searchParams, setSearchParams] = (0, import_react_router_dom.useSearchParams)();
-  const applySavedViewFromUrl = (savedViewId) => {
-    if (savedViewId === "default") {
-      if (defaultView.id !== (selectedView == null ? void 0 : selectedView.id)) {
-        onViewFound(defaultView);
-      }
-      return;
-    }
-    const viewInUserViews = availableViews.find((v2) => v2.id === savedViewId);
-    if (viewInUserViews) {
-      if (viewInUserViews.id !== (selectedView == null ? void 0 : selectedView.id)) {
-        onViewFound(viewInUserViews);
-      }
-    } else {
-      onViewNotFound(savedViewId);
-    }
-  };
-  const applyListView = (viewParam) => {
-    if (viewParam === "list" && defaultView.id !== (selectedView == null ? void 0 : selectedView.id)) {
-      onViewFound(defaultView);
-    }
-  };
-  (0, import_react14.useEffect)(() => {
-    if (!availableViews.length)
-      return;
-    const savedViewId = searchParams.get("saved-view");
-    const viewParamFromConsumer = searchParams.get("view");
-    if (savedViewId) {
-      applySavedViewFromUrl(savedViewId);
-      return;
-    }
-    if (viewParamFromConsumer) {
-      applyListView(viewParamFromConsumer);
-    }
-  }, [
-    searchParams,
-    availableViews,
-    defaultView,
-    selectedView,
-    onViewFound,
-    onViewNotFound
-  ]);
-  const updateUrl = (view) => {
-    setSearchParams(
-      (currentParams) => {
-        const updatedParams = new URLSearchParams(currentParams);
-        if (view.id === "default") {
-          updatedParams.delete("saved-view");
-        } else {
-          updatedParams.set("saved-view", view.id);
-        }
-        return updatedParams;
-      },
-      { replace: true }
-    );
-  };
-  return { updateUrl };
-};
 
-// src/utils/Hooks/useViewSelection.ts
-var useViewSelection = (config, savedViews, openCrossUserModal) => {
-  const [selectedSavedView, setSelectedSavedView] = (0, import_react15.useState)(() => {
+// src/utils/viewStorage.ts
+var ViewStorage = {
+  save(key, view) {
+    localStorage.setItem(key, JSON.stringify(view));
+  },
+  load(key) {
     try {
-      const savedView = JSON.parse(
-        localStorage.getItem(
-          `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`
-        )
-      );
-      return savedView || config.defaultView;
+      const stored = localStorage.getItem(key);
+      return stored ? JSON.parse(stored) : null;
     } catch (e2) {
-      return config.defaultView;
+      return null;
     }
+  },
+  remove(key) {
+    localStorage.removeItem(key);
+  }
+};
+
+// src/utils/Hooks/useViewSelection.ts
+var getUpdatedSearchParams = (currentParams, view) => {
+  const updatedParams = new URLSearchParams(currentParams);
+  if (view.id === "default") {
+    updatedParams.delete("saved-view");
+  } else if (view.id === "temporary") {
+    updatedParams.set("saved-view", "temporary");
+  } else {
+    updatedParams.set("saved-view", view.share_token);
+  }
+  return updatedParams;
+};
+var checkIsViewSelected = (selectedView, viewId) => {
+  return (selectedView == null ? void 0 : selectedView.share_token) === viewId || (selectedView == null ? void 0 : selectedView.id) === viewId;
+};
+var useViewSelection = (config, savedViews, openSharedViewModal) => {
+  const storageKey = `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`;
+  const temporaryStorageKey = `${storageKey}_temporary`;
+  const [searchParams, setSearchParams] = (0, import_react_router_dom.useSearchParams)();
+  const [selectedSavedView, setSelectedSavedView] = (0, import_react13.useState)(() => {
+    const stored = ViewStorage.load(storageKey);
+    return stored ?? config.defaultView;
   });
-  const [temporaryView, setTemporaryView] = (0, import_react15.useState)(null);
-  const createTemporaryView = (0, import_react15.useCallback)((fetchedView) => {
-    const tempView = {
-      ...fetchedView,
-      id: "temporary",
-      name: "Temporary View"
-    };
-    setTemporaryView(tempView);
-    return tempView;
-  }, []);
-  const clearTemporaryView = (0, import_react15.useCallback)(() => setTemporaryView(null), []);
-  const updateLocalStorage = (0, import_react15.useCallback)(
+  const [temporaryView, setTemporaryView] = (0, import_react13.useState)(() => {
+    return ViewStorage.load(temporaryStorageKey);
+  });
+  const updateLocalStorage = (0, import_react13.useCallback)(
     (view) => {
       if (config.stickyViewsKey) {
-        localStorage.setItem(
-          `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`,
-          JSON.stringify(view)
-        );
+        ViewStorage.save(storageKey, view);
       }
     },
-    [
-      config.domain,
-      config.tableName,
-      config.stickyViewsKey,
-      config.projectId,
-      config.userId
-    ]
+    [config.stickyViewsKey, storageKey]
   );
-  const allViews = temporaryView ? [...savedViews ?? [], temporaryView] : savedViews ?? [];
-  const onUrlViewFound = (foundView) => {
-    selectView(foundView);
-  };
-  const onUrlViewNotFound = (viewId) => {
-    if (viewId === (selectedSavedView == null ? void 0 : selectedSavedView.id)) {
-      return;
-    }
-    openCrossUserModal(viewId);
-  };
-  const { updateUrl } = useUrlSync(
-    selectedSavedView,
-    allViews,
-    config.defaultView,
-    onUrlViewFound,
-    onUrlViewNotFound
+  const updateUrlForView = (0, import_react13.useCallback)(
+    (view) => {
+      setSearchParams(
+        (currentParams) => getUpdatedSearchParams(currentParams, view),
+        { replace: true }
+      );
+    },
+    [setSearchParams]
   );
-  const selectView = (0, import_react15.useCallback)(
+  const baseViews = savedViews ?? [];
+  const allViews = temporaryView ? [...baseViews, temporaryView] : baseViews;
+  const selectView = (0, import_react13.useCallback)(
     (view) => {
-      if (view.id !== "temporary" && temporaryView) {
-        clearTemporaryView();
-      }
       const viewToSelect = config.onSelect({ item: view });
       setSelectedSavedView(viewToSelect);
       updateLocalStorage(viewToSelect);
-      updateUrl(viewToSelect);
+      updateUrlForView(viewToSelect);
       return viewToSelect;
     },
-    [config, temporaryView, clearTemporaryView, updateLocalStorage, updateUrl]
-  );
-  return {
-    selectedView: selectedSavedView,
-    selectView,
-    updateLocalStorage,
-    temporaryView,
-    createTemporaryView
-  };
-};
-
-// src/utils/Hooks/useCrossUserSharing.ts
-var import_react16 = __toESM(require("react"));
-var useCrossUserSharing = (queryInput, viewId, selectedSavedView, defaultView, actions, tableName) => {
-  const { data: fetchedView, isError: fetchError } = useFetchSavedViewById(
-    viewId,
-    queryInput,
-    Boolean(viewId)
+    [config, updateLocalStorage, updateUrlForView]
   );
-  const { mutate: createSavedView } = useCreateSavedView(queryInput);
-  import_react16.default.useEffect(() => {
-    if (fetchError && viewId) {
-      actions.selectView(selectedSavedView ?? defaultView);
-      actions.closeModal();
-    }
-  }, [fetchError, viewId, actions, selectedSavedView, defaultView]);
-  const viewSharedViewTemporarily = () => {
-    if (fetchedView) {
-      const tempView = actions.createTemporaryView(fetchedView);
-      actions.selectView(tempView);
-      actions.closeModal();
-    }
-  };
-  const createPersonalCopyOfSharedView = () => {
-    if (fetchedView) {
-      const viewToCreate = {
-        name: fetchedView.name,
-        description: fetchedView.description,
-        table_name: tableName,
-        table_config: fetchedView.table_config,
-        view_level: "personal"
+  const createTemporaryView = (0, import_react13.useCallback)(
+    (fetchedView) => {
+      const tempView = {
+        ...fetchedView,
+        id: "temporary",
+        name: "Temporary View"
       };
-      createSavedView(viewToCreate, {
-        onSuccess: (newView) => {
-          actions.selectView(newView);
-          actions.closeModal();
-        }
-      });
-    }
-  };
-  const selectCurrentViewAndCloseModal = () => {
-    actions.selectView(selectedSavedView ?? defaultView);
-    actions.closeModal();
-  };
-  return {
-    fetchedView,
-    viewSharedViewTemporarily,
-    createPersonalCopyOfSharedView,
-    selectCurrentViewAndCloseModal
-  };
-};
-
-// src/utils/Hooks/useModalState.ts
-var import_react17 = require("react");
-var useModalState = () => {
-  const [activeModal, setActiveModal] = (0, import_react17.useState)(null);
-  const [modalData, setModalData] = (0, import_react17.useState)(null);
-  const openModal = (0, import_react17.useCallback)(
-    (type, data) => {
-      setActiveModal(type);
-      setModalData(data ?? null);
-    },
-    []
+      ViewStorage.save(temporaryStorageKey, tempView);
+      setTemporaryView(tempView);
+      selectView(tempView);
+      return tempView;
+    },
+    [temporaryStorageKey, selectView]
   );
-  const closeModal = (0, import_react17.useCallback)(() => {
-    setActiveModal(null);
-    setModalData(null);
-  }, []);
-  const isModalOpen = (0, import_react17.useCallback)(
-    (type) => {
-      return activeModal === type;
+  const clearTemporaryView = (0, import_react13.useCallback)(() => {
+    ViewStorage.remove(temporaryStorageKey);
+    setTemporaryView(null);
+    selectView(config.defaultView);
+  }, [temporaryStorageKey, config.defaultView, selectView]);
+  const isViewAlreadySelected = (0, import_react13.useCallback)(
+    (viewId) => checkIsViewSelected(selectedSavedView, viewId),
+    [selectedSavedView]
+  );
+  const handleSavedViewFromUrl = (0, import_react13.useCallback)(
+    (viewId) => {
+      if (isViewAlreadySelected(viewId)) {
+        return;
+      }
+      openSharedViewModal(viewId);
     },
-    [activeModal]
+    [isViewAlreadySelected, openSharedViewModal]
   );
+  const handleListViewFromUrl = (0, import_react13.useCallback)(() => {
+    if (config.defaultView.id !== (selectedSavedView == null ? void 0 : selectedSavedView.id)) {
+      selectView(config.defaultView);
+    }
+  }, [config.defaultView, selectedSavedView, selectView]);
+  (0, import_react13.useEffect)(() => {
+    if (!allViews.length)
+      return;
+    const savedViewId = searchParams.get("saved-view");
+    const viewParamFromConsumer = searchParams.get("view");
+    if (savedViewId) {
+      handleSavedViewFromUrl(savedViewId);
+      return;
+    }
+    if (viewParamFromConsumer === "list") {
+      handleListViewFromUrl();
+    }
+  }, [
+    searchParams,
+    savedViews,
+    temporaryView,
+    handleSavedViewFromUrl,
+    handleListViewFromUrl,
+    allViews.length
+  ]);
   return {
-    openModal,
-    closeModal,
-    isModalOpen,
-    modalData,
-    activeModal
+    selectedView: selectedSavedView,
+    selectView,
+    temporaryView,
+    createTemporaryView,
+    clearTemporaryView,
+    allViews
   };
 };
 
@@ -14788,16 +14831,26 @@ var SavedViewsContent = (props) => {
   };
   const { data: savedViews } = useSavedViewsQuery(queryInput);
   const { mutate: deleteSavedView } = useDeleteSavedView(queryInput);
-  const { openModal, closeModal, isModalOpen, modalData, activeModal } = useModalState();
-  const openCrossUserModal = (viewId) => {
-    openModal("crossUser" /* CROSS_USER */, { viewId });
+  const [activeModal, setActiveModal] = (0, import_react14.useState)(null);
+  const [modalData, setModalData] = (0, import_react14.useState)(null);
+  const openModal = (type, data) => {
+    setActiveModal(type);
+    setModalData(data ?? null);
+  };
+  const closeModal = (0, import_react14.useCallback)(() => {
+    setActiveModal(null);
+    setModalData(null);
+  }, []);
+  const isModalOpen = (type) => activeModal === type;
+  const openSharedViewModal = (viewId) => {
+    openModal("sharedView" /* SHARED_VIEW */, { viewId });
   };
   const {
     selectedView,
     selectView,
-    updateLocalStorage,
-    temporaryView,
-    createTemporaryView
+    createTemporaryView,
+    clearTemporaryView,
+    allViews
   } = useViewSelection(
     {
       domain: props.domain,
@@ -14809,25 +14862,54 @@ var SavedViewsContent = (props) => {
       onSelect: props.onSelect
     },
     savedViews,
-    openCrossUserModal
+    openSharedViewModal
   );
-  const {
-    fetchedView,
-    viewSharedViewTemporarily,
-    createPersonalCopyOfSharedView,
-    selectCurrentViewAndCloseModal
-  } = useCrossUserSharing(
-    queryInput,
+  const { data: fetchedView, isError: fetchError } = useFetchSavedViewById(
     (modalData == null ? void 0 : modalData.viewId) ?? null,
-    selectedView,
-    props.defaultView,
-    {
-      selectView,
-      createTemporaryView,
-      closeModal
-    },
-    props.tableName
+    queryInput,
+    Boolean(modalData == null ? void 0 : modalData.viewId)
   );
+  const {
+    mutate: createSavedView,
+    isPending: isCreating,
+    error: createError,
+    reset: resetCreateError
+  } = useCreateSavedView(queryInput);
+  (0, import_react14.useEffect)(() => {
+    if (fetchError) {
+      selectView(selectedView ?? props.defaultView);
+      closeModal();
+    }
+  }, [fetchError, selectedView, props.defaultView, selectView, closeModal]);
+  const viewSharedViewTemporarily = () => {
+    if (fetchedView) {
+      createTemporaryView(fetchedView);
+      closeModal();
+    }
+  };
+  const createPersonalCopyOfSharedView = (name, description) => {
+    if (fetchedView) {
+      const viewToCreate = {
+        id: "",
+        name,
+        description,
+        table_name: props.tableName,
+        table_config: fetchedView.table_config,
+        view_level: "personal",
+        share_token: ""
+      };
+      createSavedView(viewToCreate, {
+        onSuccess: (newView) => {
+          selectView(newView);
+          closeModal();
+        }
+      });
+    }
+  };
+  const selectCurrentViewAndCloseModal = () => {
+    selectView(selectedView ?? props.defaultView);
+    closeModal();
+  };
   const deleteSelectedView = () => {
     if (selectedView) {
       deleteSavedView(selectedView, {
@@ -14840,27 +14922,22 @@ var SavedViewsContent = (props) => {
     closeModal();
   };
   const i18n = (0, import_core_react13.useI18nContext)();
-  const selectSavedViewFromList = ({ item }) => selectView(item);
-  const setSelectedSavedView = (view) => {
-    selectView(view);
-  };
-  const allViews = temporaryView ? [...savedViews ?? [], temporaryView] : savedViews ?? [];
-  return /* @__PURE__ */ import_react18.default.createElement(StyledPanel, { provider: props.provider }, /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react14.default.createElement(StyledPanel, { provider: props.provider }, /* @__PURE__ */ import_react14.default.createElement(
     ExpandedPanel,
     {
       "data-testid": "saved-view-expanded-panel",
       provider: props.provider
     },
-    /* @__PURE__ */ import_react18.default.createElement(import_core_react13.Panel.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ import_react18.default.createElement(import_core_react13.Panel.Title, null, /* @__PURE__ */ import_react18.default.createElement(import_core_react13.Flex, { alignItems: "center" }, /* @__PURE__ */ import_react18.default.createElement(import_core_react13.Box, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ import_react18.default.createElement(import_core_react13.Tooltip, { showDelay: 200, overlay: i18n.t("savedViews.tooltip") }, /* @__PURE__ */ import_react18.default.createElement(Help_default, { size: "sm" })))), /* @__PURE__ */ import_react18.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement(import_core_react13.Panel.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ import_react14.default.createElement(import_core_react13.Panel.Title, null, /* @__PURE__ */ import_react14.default.createElement(import_core_react13.Flex, { alignItems: "center" }, /* @__PURE__ */ import_react14.default.createElement(import_core_react13.Box, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ import_react14.default.createElement(import_core_react13.Tooltip, { showDelay: 200, overlay: i18n.t("savedViews.tooltip") }, /* @__PURE__ */ import_react14.default.createElement(Help_default, { size: "sm" })))), /* @__PURE__ */ import_react14.default.createElement(
       import_core_react13.Tooltip,
       {
         overlay: i18n.t("savedViews.actions.create"),
         showDelay: 1e3
       },
-      /* @__PURE__ */ import_react18.default.createElement("span", null, /* @__PURE__ */ import_react18.default.createElement(
+      /* @__PURE__ */ import_react14.default.createElement("span", null, /* @__PURE__ */ import_react14.default.createElement(
         import_core_react13.Button,
         {
-          icon: /* @__PURE__ */ import_react18.default.createElement(Plus_default, null),
+          icon: /* @__PURE__ */ import_react14.default.createElement(Plus_default, null),
           variant: "secondary",
           "data-testid": "expanded-panel-create-button",
           onClick: () => openModal("create" /* CREATE */),
@@ -14869,14 +14946,12 @@ var SavedViewsContent = (props) => {
         i18n.t("savedViews.actions.create")
       ))
     )),
-    /* @__PURE__ */ import_react18.default.createElement(import_core_react13.Panel.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ import_react18.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement(import_core_react13.Panel.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ import_react14.default.createElement(
       PanelContent,
       {
-        onSelect: selectSavedViewFromList,
+        onSelect: ({ item }) => selectView(item),
         openModal,
         onDelete: () => openModal("delete" /* DELETE */),
-        updateLocalStorage,
-        setSelectedSavedView,
         queryInput,
         selectedSavedView: selectedView,
         tableConfig: props.tableConfig,
@@ -14884,10 +14959,11 @@ var SavedViewsContent = (props) => {
         stickyViewsKey: props.stickyViewsKey,
         savedViews: allViews,
         provider: props.provider,
-        userId: props.userId
+        userId: props.userId,
+        onClearTemporary: clearTemporaryView
       }
     ))
-  ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ import_react18.default.createElement(
+  ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ import_react14.default.createElement(
     SavedViewsFormModal,
     {
       open: true,
@@ -14897,87 +14973,107 @@ var SavedViewsContent = (props) => {
       tableConfig: props.tableConfig,
       tableName: props.tableName,
       selectedSavedView: selectedView,
-      setSelectedSavedView,
       onSelect: selectView,
       setOpenEditCreateModal: closeModal,
       defaultView: props.defaultView
     }
-  ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ import_react18.default.createElement(
+  ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ import_react14.default.createElement(
     SavedViewsDeleteConfirmationModalShared,
     {
       open: true,
       onDelete: confirmDeleteAndCloseModal,
       onCancel: closeModal
     }
-  ), fetchedView && isModalOpen("crossUser" /* CROSS_USER */) && /* @__PURE__ */ import_react18.default.createElement(
-    CreateViewConfirmationModal,
+  ), fetchedView && isModalOpen("sharedView" /* SHARED_VIEW */) && /* @__PURE__ */ import_react14.default.createElement(
+    SharedViewFormModal,
     {
       open: true,
-      savedViewName: fetchedView.name,
+      fetchedView,
       onClose: selectCurrentViewAndCloseModal,
-      onViewTemporarily: viewSharedViewTemporarily,
-      onCreateView: createPersonalCopyOfSharedView
+      onCreateTemporaryView: viewSharedViewTemporarily,
+      onCreateView: createPersonalCopyOfSharedView,
+      createError,
+      isCreating,
+      resetCreateError
     }
   ));
 };
 var SavedViews = (props) => {
-  return /* @__PURE__ */ import_react18.default.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ import_react18.default.createElement(import_react_query3.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ import_react18.default.createElement(SavedViewsContent, { ...props })));
+  return /* @__PURE__ */ import_react14.default.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ import_react14.default.createElement(import_react_query3.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ import_react14.default.createElement(SavedViewsContent, { ...props })));
 };
 
 // src/SavedViews/components/SavedViews/SmartGrid/SmartGridSavedViews.tsx
 var import_toast_alert3 = require("@procore/toast-alert");
+var generateStickyViewsKey = (domain, tableName, userId, projectId, companyId) => {
+  return `savedView-${domain}-${tableName}-${companyId}-${projectId}-${userId}`;
+};
 var SmartGridSavedViews = (props) => {
-  const { gridApi, projectId, companyId } = props;
+  const { gridApi, userId, projectId, companyId } = props;
   const { config: tableConfig, setConfig: setTableConfig } = useSmartGridConfig(gridApi);
   const defaultView = useDefaultView({
     defaultViewName: props.defaultViewName,
     domain: props.domain
   });
-  const onSelect = ({ item }) => {
-    if (!gridApi)
-      return item;
-    if (item.id === "default") {
-      gridApi.autoSizeAllColumns();
-      gridApi.resetColumnState();
-      gridApi.setFilterModel(props.defaultViewFilters);
-      gridApi.setGridOption("rowHeight", props.defaultRowHeight);
-      gridApi.refreshCells();
-      return item;
-    }
-    const updatedView = {
-      ...item,
-      table_config: customAndConfigSync(
-        item.table_config,
-        tableConfig
-      )
-    };
-    updateTableConfig(updatedView, gridApi, "smart-grid");
-    setTableConfig(updatedView.table_config);
-    return updatedView;
-  };
-  return /* @__PURE__ */ import_react19.default.createElement(import_toast_alert3.ToastAlertProvider, null, /* @__PURE__ */ import_react19.default.createElement(
+  const onSelect = (0, import_react15.useCallback)(
+    ({ item }) => {
+      if (!gridApi)
+        return item;
+      if (item.id === "default") {
+        gridApi.autoSizeAllColumns();
+        gridApi.resetColumnState();
+        gridApi.setFilterModel(props.defaultViewFilters);
+        gridApi.setGridOption("rowHeight", props.defaultRowHeight);
+        gridApi.refreshCells();
+        return item;
+      }
+      const updatedView = {
+        ...item,
+        table_config: customAndConfigSync(
+          item.table_config,
+          tableConfig
+        )
+      };
+      updateTableConfig(updatedView, gridApi, "smart-grid");
+      setTableConfig(updatedView.table_config);
+      return updatedView;
+    },
+    [
+      gridApi,
+      props.defaultViewFilters,
+      props.defaultRowHeight,
+      tableConfig,
+      setTableConfig
+    ]
+  );
+  const stickyViewsKey = generateStickyViewsKey(
+    props.domain,
+    props.tableName,
+    userId,
+    projectId,
+    companyId
+  );
+  return /* @__PURE__ */ import_react15.default.createElement(import_toast_alert3.ToastAlertProvider, null, /* @__PURE__ */ import_react15.default.createElement(
     SavedViews,
     {
       onSelect,
       domain: props.domain,
-      userId: props.userId,
+      userId,
       projectId,
       companyId,
       provider: "smart-grid",
       defaultView,
       tableName: props.tableName,
       tableConfig,
-      stickyViewsKey: props.stickyViewsKey,
-      enableSavedViews: props.enableSavedViews
+      stickyViewsKey
     }
   ));
 };
 
 // src/SavedViews/components/SavedViews/DataTable/DataTableSavedViews.tsx
-var import_react21 = __toESM(require("react"));
+var import_react17 = __toESM(require("react"));
 
 // src/SavedViews/components/SavedViews/DataTable/DataTableDefaultSavedView.tsx
-var import_react20 = require("react");
+var import_react16 = require("react");
 var import_core_react14 = require("@procore/core-react");
 var DEFAULT_COLUMN_STATE = {
   hidden: false,
@@ -15034,7 +15130,7 @@ var useDefaultViewName2 = (domain, defaultViewName) => {
 };
 var useDefaultView2 = (props) => {
   const name = useDefaultViewName2(props.domain, props.defaultViewName);
-  const extractedDefaultConfig = (0, import_react20.useMemo)(
+  const extractedDefaultConfig = (0, import_react16.useMemo)(
     () => extractDefaultView(props.columnDefinitions, props.receivedConfigFromTool),
     [props.columnDefinitions, props.receivedConfigFromTool]
   );
@@ -15048,58 +15144,63 @@ var useDefaultView2 = (props) => {
 
 // src/SavedViews/components/SavedViews/DataTable/DataTableSavedViews.tsx
 var import_toast_alert4 = require("@procore/toast-alert");
-var DataTableSavedViews = (0, import_react21.forwardRef)((props, ref) => {
-  const { tableApi, onTableConfigChange, projectId, companyId } = props;
-  const [internalTableConfig, setInternalTableConfig] = (0, import_react21.useState)(
+var generateStickyViewsKey2 = (domain, tableName, userId, projectId, companyId) => {
+  return `savedView-${domain}-${tableName}-${companyId}-${projectId}-${userId}`;
+};
+var DataTableSavedViews = (0, import_react17.forwardRef)((props, ref) => {
+  const { tableApi, userId, projectId, companyId } = props;
+  const [internalTableConfig, setInternalTableConfig] = (0, import_react17.useState)(
     props.defaultViewConfig
   );
-  (0, import_react21.useImperativeHandle)(ref, () => ({
+  (0, import_react17.useImperativeHandle)(ref, () => ({
     setTableConfig: (newConfig) => {
-      handleConfigChange(newConfig);
+      setInternalTableConfig(newConfig);
     }
   }));
-  const handleConfigChange = (0, import_react21.useCallback)(
-    (newConfig) => {
-      setInternalTableConfig(newConfig);
-      onTableConfigChange(newConfig);
-    },
-    [onTableConfigChange]
-  );
   const defaultView = useDefaultView2({
     defaultViewName: props.defaultViewName,
     receivedConfigFromTool: props.defaultViewConfig,
     domain: props.domain,
     columnDefinitions: props.columnDefinitions
   });
-  const onSelect = ({ item }) => {
-    const isDefaultView = item.id === "default";
-    const updatedView = isDefaultView ? defaultView : {
-      ...item,
-      table_config: customAndConfigSync(
-        item.table_config,
-        defaultView.table_config
-      )
-    };
-    updateTableConfig(updatedView, tableApi, "data-table", handleConfigChange);
-    return updatedView;
-  };
+  const onSelect = (0, import_react17.useCallback)(
+    ({ item }) => {
+      const isDefaultView = item.id === "default";
+      const updatedView = isDefaultView ? defaultView : {
+        ...item,
+        table_config: customAndConfigSync(
+          item.table_config,
+          defaultView.table_config
+        )
+      };
+      updateTableConfig(updatedView, tableApi, "data-table");
+      return updatedView;
+    },
+    [defaultView, tableApi]
+  );
   if (!internalTableConfig) {
     return null;
   }
-  return /* @__PURE__ */ import_react21.default.createElement(import_toast_alert4.ToastAlertProvider, null, /* @__PURE__ */ import_react21.default.createElement(
+  const stickyViewsKey = generateStickyViewsKey2(
+    props.domain,
+    props.tableName,
+    userId,
+    projectId,
+    companyId
+  );
+  return /* @__PURE__ */ import_react17.default.createElement(import_toast_alert4.ToastAlertProvider, null, /* @__PURE__ */ import_react17.default.createElement(
     SavedViews,
     {
       onSelect,
       domain: props.domain,
-      userId: props.userId,
+      userId,
       projectId,
       companyId,
       provider: "data-table",
       defaultView,
       tableName: props.tableName,
       tableConfig: internalTableConfig,
-      stickyViewsKey: props.stickyViewsKey,
-      enableSavedViews: props.enableSavedViews
+      stickyViewsKey
     }
   ));
 });