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

package/dist/modern/index.js

@@ -63,7 +63,7 @@ var require_big = __commonJS({
     "use strict";
     (function(GLOBAL) {
       "use strict";
-      var Big, DP = 20, RM = 1, MAX_DP = 1e6, MAX_POWER = 1e6, NE = -7, PE = 21, STRICT = false, NAME = "[big.js] ", INVALID = NAME + "Invalid ", INVALID_DP = INVALID + "decimal places", INVALID_RM = INVALID + "rounding mode", DIV_BY_ZERO = NAME + "Division by zero", P3 = {}, UNDEFINED = void 0, NUMERIC = /^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;
+      var Big, DP = 20, RM = 1, MAX_DP = 1e6, MAX_POWER = 1e6, NE = -7, PE = 21, STRICT = false, NAME = "[big.js] ", INVALID = NAME + "Invalid ", INVALID_DP = INVALID + "decimal places", INVALID_RM = INVALID + "rounding mode", DIV_BY_ZERO = NAME + "Division by zero", P4 = {}, UNDEFINED = void 0, NUMERIC = /^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;
       function _Big_() {
         function Big2(n2) {
           var x2 = this;
@@ -84,7 +84,7 @@ var require_big = __commonJS({
           }
           x2.constructor = Big2;
         }
-        Big2.prototype = P3;
+        Big2.prototype = P4;
         Big2.DP = DP;
         Big2.RM = RM;
         Big2.NE = NE;
@@ -181,12 +181,12 @@ var require_big = __commonJS({
         }
         return x2.s < 0 && isNonzero ? "-" + s2 : s2;
       }
-      P3.abs = function() {
+      P4.abs = function() {
         var x2 = new this.constructor(this);
         x2.s = 1;
         return x2;
       };
-      P3.cmp = function(y2) {
+      P4.cmp = function(y2) {
         var isneg, x2 = this, xc = x2.c, yc = (y2 = new x2.constructor(y2)).c, i2 = x2.s, j2 = y2.s, k2 = x2.e, l2 = y2.e;
         if (!xc[0] || !yc[0])
           return !xc[0] ? !yc[0] ? 0 : -j2 : i2;
@@ -202,7 +202,7 @@ var require_big = __commonJS({
         }
         return k2 == l2 ? 0 : k2 > l2 ^ isneg ? 1 : -1;
       };
-      P3.div = function(y2) {
+      P4.div = function(y2) {
         var x2 = this, Big2 = x2.constructor, a2 = x2.c, b2 = (y2 = new Big2(y2)).c, k2 = x2.s == y2.s ? 1 : -1, dp = Big2.DP;
         if (dp !== ~~dp || dp < 0 || dp > MAX_DP) {
           throw Error(INVALID_DP);
@@ -265,22 +265,22 @@ var require_big = __commonJS({
           round(q2, p, Big2.RM, r2[0] !== UNDEFINED);
         return q2;
       };
-      P3.eq = function(y2) {
+      P4.eq = function(y2) {
         return this.cmp(y2) === 0;
       };
-      P3.gt = function(y2) {
+      P4.gt = function(y2) {
         return this.cmp(y2) > 0;
       };
-      P3.gte = function(y2) {
+      P4.gte = function(y2) {
         return this.cmp(y2) > -1;
       };
-      P3.lt = function(y2) {
+      P4.lt = function(y2) {
         return this.cmp(y2) < 0;
       };
-      P3.lte = function(y2) {
+      P4.lte = function(y2) {
         return this.cmp(y2) < 1;
       };
-      P3.minus = P3.sub = function(y2) {
+      P4.minus = P4.sub = function(y2) {
         var i2, j2, t2, xlty, x2 = this, Big2 = x2.constructor, a2 = x2.s, b2 = (y2 = new Big2(y2)).s;
         if (a2 != b2) {
           y2.s = -b2;
@@ -350,7 +350,7 @@ var require_big = __commonJS({
         y2.e = ye2;
         return y2;
       };
-      P3.mod = function(y2) {
+      P4.mod = function(y2) {
         var ygtx, x2 = this, Big2 = x2.constructor, a2 = x2.s, b2 = (y2 = new Big2(y2)).s;
         if (!y2.c[0]) {
           throw Error(DIV_BY_ZERO);
@@ -369,12 +369,12 @@ var require_big = __commonJS({
         Big2.RM = b2;
         return this.minus(x2.times(y2));
       };
-      P3.neg = function() {
+      P4.neg = function() {
         var x2 = new this.constructor(this);
         x2.s = -x2.s;
         return x2;
       };
-      P3.plus = P3.add = function(y2) {
+      P4.plus = P4.add = function(y2) {
         var e2, k2, t2, x2 = this, Big2 = x2.constructor;
         y2 = new Big2(y2);
         if (x2.s != y2.s) {
@@ -424,7 +424,7 @@ var require_big = __commonJS({
         y2.e = ye2;
         return y2;
       };
-      P3.pow = function(n2) {
+      P4.pow = function(n2) {
         var x2 = this, one = new x2.constructor("1"), y2 = one, isneg = n2 < 0;
         if (n2 !== ~~n2 || n2 < -MAX_POWER || n2 > MAX_POWER) {
           throw Error(INVALID + "exponent");
@@ -441,13 +441,13 @@ var require_big = __commonJS({
         }
         return isneg ? one.div(y2) : y2;
       };
-      P3.prec = function(sd, rm) {
+      P4.prec = function(sd, rm) {
         if (sd !== ~~sd || sd < 1 || sd > MAX_DP) {
           throw Error(INVALID + "precision");
         }
         return round(new this.constructor(this), sd, rm);
       };
-      P3.round = function(dp, rm) {
+      P4.round = function(dp, rm) {
         if (dp === UNDEFINED)
           dp = 0;
         else if (dp !== ~~dp || dp < -MAX_DP || dp > MAX_DP) {
@@ -455,7 +455,7 @@ var require_big = __commonJS({
         }
         return round(new this.constructor(this), dp + this.e + 1, rm);
       };
-      P3.sqrt = function() {
+      P4.sqrt = function() {
         var r2, c2, t2, x2 = this, Big2 = x2.constructor, s2 = x2.s, e2 = x2.e, half = new Big2("0.5");
         if (!x2.c[0])
           return new Big2(x2);
@@ -480,7 +480,7 @@ var require_big = __commonJS({
         } while (t2.c.slice(0, e2).join("") !== r2.c.slice(0, e2).join(""));
         return round(r2, (Big2.DP -= 4) + r2.e + 1, Big2.RM);
       };
-      P3.times = P3.mul = function(y2) {
+      P4.times = P4.mul = function(y2) {
         var c2, x2 = this, Big2 = x2.constructor, xc = x2.c, yc = (y2 = new Big2(y2)).c, a2 = xc.length, b2 = yc.length, i2 = x2.e, j2 = y2.e;
         y2.s = x2.s == y2.s ? 1 : -1;
         if (!xc[0] || !yc[0]) {
@@ -516,7 +516,7 @@ var require_big = __commonJS({
         y2.c = c2;
         return y2;
       };
-      P3.toExponential = function(dp, rm) {
+      P4.toExponential = function(dp, rm) {
         var x2 = this, n2 = x2.c[0];
         if (dp !== UNDEFINED) {
           if (dp !== ~~dp || dp < 0 || dp > MAX_DP) {
@@ -528,7 +528,7 @@ var require_big = __commonJS({
         }
         return stringify(x2, true, !!n2);
       };
-      P3.toFixed = function(dp, rm) {
+      P4.toFixed = function(dp, rm) {
         var x2 = this, n2 = x2.c[0];
         if (dp !== UNDEFINED) {
           if (dp !== ~~dp || dp < 0 || dp > MAX_DP) {
@@ -540,18 +540,18 @@ var require_big = __commonJS({
         }
         return stringify(x2, false, !!n2);
       };
-      P3.toJSON = P3.toString = function() {
+      P4.toJSON = P4.toString = function() {
         var x2 = this, Big2 = x2.constructor;
         return stringify(x2, x2.e <= Big2.NE || x2.e >= Big2.PE, !!x2.c[0]);
       };
-      P3.toNumber = function() {
+      P4.toNumber = function() {
         var n2 = +stringify(this, true, true);
         if (this.constructor.strict === true && !this.eq(n2.toString())) {
           throw Error(NAME + "Imprecise conversion");
         }
         return n2;
       };
-      P3.toPrecision = function(sd, rm) {
+      P4.toPrecision = function(sd, rm) {
         var x2 = this, Big2 = x2.constructor, n2 = x2.c[0];
         if (sd !== UNDEFINED) {
           if (sd !== ~~sd || sd < 1 || sd > MAX_DP) {
@@ -563,7 +563,7 @@ var require_big = __commonJS({
         }
         return stringify(x2, sd <= x2.e || x2.e <= Big2.NE || x2.e >= Big2.PE, !!n2);
       };
-      P3.valueOf = function() {
+      P4.valueOf = function() {
         var x2 = this, Big2 = x2.constructor;
         if (Big2.strict === true) {
           throw Error(NAME + "valueOf disallowed");
@@ -1873,13 +1873,13 @@ var require_GetFallbackLocaleList = __commonJS({
 var require_GetTranslationsFromLocale = __commonJS({
   "../../node_modules/@procore/globalization-toolkit/dist/getTranslationsFromLocale/GetTranslationsFromLocale.js"(exports2) {
     "use strict";
-    var __awaiter = exports2 && exports2.__awaiter || function(thisArg, _arguments, P3, generator) {
+    var __awaiter = exports2 && exports2.__awaiter || function(thisArg, _arguments, P4, generator) {
       function adopt(value) {
-        return value instanceof P3 ? value : new P3(function(resolve) {
+        return value instanceof P4 ? value : new P4(function(resolve) {
           resolve(value);
         });
       }
-      return new (P3 || (P3 = Promise))(function(resolve, reject) {
+      return new (P4 || (P4 = Promise))(function(resolve, reject) {
         function fulfilled(value) {
           try {
             step(generator.next(value));
@@ -8807,7 +8807,11 @@ var en_default = {
       create: "Create",
       edit: "Edit",
       cancel: "Cancel",
-      close: "Close"
+      close: "Close",
+      viewTemporarily: "View Temporarily",
+      createView: "Create View",
+      copyShareLink: "Copy Share Link",
+      linkCopied: "Share link copied to clipboard"
     },
     modal: {
       edit: {
@@ -8820,6 +8824,10 @@ var en_default = {
         headline: "Delete Saved View",
         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."
+      },
       fields: {
         name: "Name",
         description: "Description",
@@ -8852,11 +8860,15 @@ var en_default = {
     update: {
       success: "The saved view was successfully updated."
     },
+    copy: {
+      success: "The link was successfully created and copied to the clipboard."
+    },
     errors: {
       fetch: "Sorry, the saved views couldn't be fetched. Try again.",
       create: "Sorry, the saved view couldn't be created. Try again.",
       update: "Sorry, the saved view couldn't be updated. Try again.",
-      delete: "Sorry, the saved view couldn't be deleted. Try again."
+      delete: "Sorry, the saved view couldn't be deleted. Try again.",
+      copyFailed: "Failed to copy share link to clipboard"
     },
     defaultViewTitle: {
       rfi: "All RFIs",
@@ -9825,16 +9837,33 @@ var Help = React7.forwardRef(function Help2(props, ref) {
 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 React8 = __toESM(require("react"));
-var Person = React8.forwardRef(function Person2(props, ref) {
+var Link = React8.forwardRef(function Link2(props, ref) {
   return React8.createElement(
     Icon,
-    __assign({}, props, { name: "Person" }),
+    __assign({}, props, { name: "Link" }),
     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: "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" })
+      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" })
+    )
+  );
+});
+Link.displayName = "Link";
+var Link_default = Link;
+
+// ../../node_modules/@procore/core-icons/dist/icons/Person.js
+var React9 = __toESM(require("react"));
+var Person = React9.forwardRef(function Person2(props, ref) {
+  return React9.createElement(
+    Icon,
+    __assign({}, props, { name: "Person" }),
+    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" })
     )
   );
 });
@@ -9842,15 +9871,15 @@ Person.displayName = "Person";
 var Person_default = Person;
 
 // ../../node_modules/@procore/core-icons/dist/icons/Plus.js
-var React9 = __toESM(require("react"));
-var Plus = React9.forwardRef(function Plus2(props, ref) {
-  return React9.createElement(
+var React10 = __toESM(require("react"));
+var Plus = React10.forwardRef(function Plus2(props, ref) {
+  return React10.createElement(
     Icon,
     __assign({}, props, { name: "Plus" }),
-    React9.createElement(
+    React10.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: "M13.25 5H10.75V10.75H5V13.25H10.75V19H13.25V13.25H19V10.75H13.25V5Z", fill: "currentColor" })
+      React10.createElement("path", { d: "M13.25 5H10.75V10.75H5V13.25H10.75V19H13.25V13.25H19V10.75H13.25V5Z", fill: "currentColor" })
     )
   );
 });
@@ -9996,7 +10025,7 @@ function stylis_min(W2) {
                     break;
                   }
                 default:
-                  58 !== f2.charCodeAt(t2 - 1) && (p += P3(f2, q2, g2, f2.charCodeAt(2)));
+                  58 !== f2.charCodeAt(t2 - 1) && (p += P4(f2, q2, g2, f2.charCodeAt(2)));
               }
             I = r2 = u2 = q2 = 0;
             f2 = "";
@@ -10169,7 +10198,7 @@ function stylis_min(W2) {
     }
     return d + c2;
   }
-  function P3(d, c2, e2, h) {
+  function P4(d, c2, e2, h) {
     var a2 = d + ";", m2 = 2 * c2 + 3 * e2 + 4 * h;
     if (944 === m2) {
       d = a2.indexOf(":", 9) + 1;
@@ -10276,7 +10305,7 @@ function stylis_min(W2) {
       case 931:
       case 953:
         if (true === la.test(d))
-          return 115 === (b2 = d.substring(d.indexOf(":") + 1)).charCodeAt(0) ? P3(d.replace("stretch", "fill-available"), c2, e2, h).replace(":fill-available", ":stretch") : a2.replace(b2, "-webkit-" + b2) + a2.replace(b2, "-moz-" + b2.replace("fill-", "")) + a2;
+          return 115 === (b2 = d.substring(d.indexOf(":") + 1)).charCodeAt(0) ? P4(d.replace("stretch", "fill-available"), c2, e2, h).replace(":fill-available", ":stretch") : a2.replace(b2, "-webkit-" + b2) + a2.replace(b2, "-moz-" + b2.replace("fill-", "")) + a2;
         break;
       case 962:
         if (a2 = "-webkit-" + a2 + (102 === a2.charCodeAt(5) ? "-ms-" + a2 : "") + a2, 211 === e2 + h && 105 === a2.charCodeAt(13) && 0 < a2.indexOf("transform", 10))
@@ -10290,7 +10319,7 @@ function stylis_min(W2) {
     return R2(2 !== c2 ? h : h.replace(na, "$1"), e2, c2);
   }
   function ea(d, c2) {
-    var e2 = P3(c2, c2.charCodeAt(0), c2.charCodeAt(1), c2.charCodeAt(2));
+    var e2 = P4(c2, c2.charCodeAt(0), c2.charCodeAt(1), c2.charCodeAt(2));
     return e2 !== c2 + ";" ? e2.replace(oa, " or ($1)").substring(4) : "(" + c2 + ")";
   }
   function H3(d, c2, e2, h, a2, m2, b2, v2, n2, q2) {
@@ -10948,7 +10977,7 @@ function Fe(e2, t2, n2) {
   o2 && e2.shouldForwardProp && (N = t2.shouldForwardProp ? function(n3, r2, o3) {
     return e2.shouldForwardProp(n3, r2, o3) && t2.shouldForwardProp(n3, r2, o3);
   } : e2.shouldForwardProp);
-  var A2, C2 = new re(n2, v2, o2 ? e2.componentStyle : void 0), I = C2.isStatic && 0 === c2.length, P3 = function(e3, t3) {
+  var A2, C2 = new re(n2, v2, o2 ? e2.componentStyle : void 0), I = C2.isStatic && 0 === c2.length, P4 = function(e3, t3) {
     return function(e4, t4, n3, r2) {
       var o3 = e4.attrs, i3 = e4.componentStyle, a3 = e4.defaultProps, c3 = e4.foldedComponentIds, l3 = e4.shouldForwardProp, d2 = e4.styledComponentId, h2 = e4.target, f2 = function(e5, t5, n4) {
         void 0 === e5 && (e5 = S);
@@ -10967,7 +10996,7 @@ function Fe(e2, t2, n2) {
       return t4.style && v3.style !== t4.style && (A3.style = m({}, t4.style, {}, v3.style)), A3.className = Array.prototype.concat(c3, d2, g2 !== d2 ? g2 : null, t4.className, v3.className).filter(Boolean).join(" "), A3.ref = E2, (0, import_react.createElement)(b2, A3);
     }(A2, e3, t3, I);
   };
-  return P3.displayName = y2, (A2 = import_react.default.forwardRef(P3)).attrs = _3, A2.componentStyle = C2, A2.displayName = y2, A2.shouldForwardProp = N, A2.foldedComponentIds = o2 ? Array.prototype.concat(e2.foldedComponentIds, e2.styledComponentId) : g, A2.styledComponentId = v2, A2.target = o2 ? e2.target : e2, A2.withComponent = function(e3) {
+  return P4.displayName = y2, (A2 = import_react.default.forwardRef(P4)).attrs = _3, A2.componentStyle = C2, A2.displayName = y2, A2.shouldForwardProp = N, A2.foldedComponentIds = o2 ? Array.prototype.concat(e2.foldedComponentIds, e2.styledComponentId) : g, A2.styledComponentId = v2, A2.target = o2 ? e2.target : e2, A2.withComponent = function(e3) {
     var r2 = t2.componentId, o3 = function(e4, t3) {
       if (null == e4)
         return {};
@@ -11149,14 +11178,15 @@ var useSavedViewsPanel = (domain, tableName) => {
     setIsOpen(!isOpen);
     localStorage.setItem(key(domain, tableName), JSON.stringify(!isOpen));
   };
-  const Button6 = () => /* @__PURE__ */ import_react5.default.createElement(SavedViewsButton, { handleClick, isOpen });
-  return { isOpen, SavedViewsButton: Button6 };
+  const Button7 = () => /* @__PURE__ */ import_react5.default.createElement(SavedViewsButton, { handleClick, isOpen });
+  return { isOpen, SavedViewsButton: Button7 };
 };
 var useSavedViewsPanel_default = useSavedViewsPanel;
 
 // src/SavedViews/components/MenuItems/SavedViewsCollectionsMenuItem.tsx
 var import_core_react3 = require("@procore/core-react");
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
+var import_toast_alert = require("@procore/toast-alert");
 var RowActionsBox = styled_components_esm_default(import_core_react3.Flex)`
   justify-content: center;
   align-items: center;
@@ -11172,7 +11202,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 = React13.useCallback(
+  const onClick = React14.useCallback(
     (a2) => {
       if (!props.item) {
         return;
@@ -11194,7 +11224,19 @@ var SavedViewCollectionMenuItem = (props) => {
     event.stopPropagation();
     props.onUpdate?.(props.item);
   };
+  const { showToast } = (0, import_toast_alert.useToastAlertContext)();
   const i18n = (0, import_core_react3.useI18nContext)();
+  const copyShareLink = async (event) => {
+    event.stopPropagation();
+    try {
+      const currentUrl = new URL(window.location.href);
+      await navigator.clipboard.writeText(currentUrl.toString());
+      showToast.success(i18n.t("savedViews.actions.linkCopied"));
+    } catch (error) {
+      console.error("Failed to copy link:", error);
+      showToast.error(i18n.t("savedViews.errors.copyFailed"));
+    }
+  };
   const flyoutMenuOptions = [
     {
       value: "editNameDesc",
@@ -11205,7 +11247,7 @@ var SavedViewCollectionMenuItem = (props) => {
       label: i18n.t("savedViews.actions.delete")
     }
   ];
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React14.createElement(
     Container2,
     {
       "aria-selected": Boolean(props.selected),
@@ -11216,7 +11258,7 @@ var SavedViewCollectionMenuItem = (props) => {
       }),
       "data-testid": "saved-view-collection-menu-item"
     },
-    /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React14.createElement(
       "span",
       {
         "data-testid": "saved-view-display-name",
@@ -11224,7 +11266,7 @@ var SavedViewCollectionMenuItem = (props) => {
       },
       props.item.name
     ),
-    /* @__PURE__ */ React13.createElement(RowActionsBox, null, /* @__PURE__ */ React13.createElement(import_core_react3.Box, { justifyContent: "space-between" }, props.item.id !== "default" && props.canUpdate && /* @__PURE__ */ React13.createElement("div", null, /* @__PURE__ */ React13.createElement(
+    /* @__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(
       import_core_react3.Button,
       {
         onClick: updateItem,
@@ -11235,7 +11277,17 @@ var SavedViewCollectionMenuItem = (props) => {
         loading: props.isUpdateProcessing
       },
       i18n.t("savedViews.actions.update")
-    ))), /* @__PURE__ */ React13.createElement(import_core_react3.Box, null, props.item.id !== "default" && props.canEditOrDelete && /* @__PURE__ */ React13.createElement("div", { onClick: (e2) => e2.stopPropagation() }, /* @__PURE__ */ React13.createElement(
+    )), props.item.id !== "default" && props.selected && !props.canUpdate && props.item.id !== "temporary" && /* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement(
+      import_core_react3.Button,
+      {
+        onClick: copyShareLink,
+        variant: "tertiary",
+        size: "sm",
+        "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(
       import_core_react3.DropdownFlyout,
       {
         "data-testid": "saved-view-overflow-button",
@@ -11260,7 +11312,7 @@ var ExpandedPanel = styled_components_esm_default(import_core_react4.Panel)`
 
 // src/SavedViews/components/Panels/PanelContent.tsx
 var import_core_react7 = require("@procore/core-react");
-var import_toast_alert = require("@procore/toast-alert");
+var import_toast_alert2 = require("@procore/toast-alert");
 var import_react9 = __toESM(require("react"));
 
 // ../../node_modules/@procore/core-http/dist/modern/index.js
@@ -11416,6 +11468,18 @@ var useDeleteSavedView = (props) => useApiRequest(props, "DELETE", [
   props.domain,
   props.tableName
 ]);
+var useFetchSavedViewById = (savedViewId, queryInput, enabled = true) => {
+  const { projectId, companyId } = queryInput;
+  return (0, import_react_query2.useQuery)({
+    enabled: enabled && Boolean(savedViewId),
+    queryKey: ["savedView", savedViewId],
+    queryFn: async () => {
+      const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedViewId}`;
+      const response = await requestJSON(url);
+      return response.data;
+    }
+  });
+};
 
 // src/SavedViews/components/Panels/PanelContentUtils.ts
 var import_lodash = __toESM(require_lodash());
@@ -11685,19 +11749,18 @@ var Panel2 = styled_components_esm_default(import_core_react7.DetailPage.Card)`
   box-shadow: none;
 `;
 var PanelContent = (props) => {
-  const { showToast } = (0, import_toast_alert.useToastAlertContext)();
+  const { showToast } = (0, import_toast_alert2.useToastAlertContext)();
   const I18n = (0, import_core_react7.useI18nContext)();
   const { mutate: updateSavedView, isPending: isUpdateLoading } = useUpdateSavedView(props.queryInput);
-  const { data: savedViews, error: savedViewsError } = useSavedViewsQuery(
-    props.queryInput
-  );
+  const { data: savedViewsFromQuery, error: savedViewsError } = useSavedViewsQuery(props.queryInput);
+  const savedViews = props.savedViews ?? savedViewsFromQuery;
   const errorToastRef = import_react9.default.useRef(null);
   import_react9.default.useEffect(() => {
     if (savedViewsError && savedViewsError !== errorToastRef.current) {
       showToast.error(I18n.t("savedViews.errors.fetch"));
       errorToastRef.current = savedViewsError;
     }
-  }, [savedViewsError]);
+  }, [savedViewsError, showToast, I18n]);
   const { data: permissions } = useSavedViewsPermissions(props.queryInput);
   const selectedRowRef = useScrollToRef(savedViews);
   const onUpdate = (data) => {
@@ -11719,7 +11782,23 @@ var PanelContent = (props) => {
   };
   const { groups, toggleGroup } = useGroups();
   const isDefaultSelected = props.selectedSavedView?.id === "default";
-  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%" } }, /* @__PURE__ */ import_react9.default.createElement(
+  const isTemporarySelected = props.selectedSavedView?.id === "temporary";
+  const temporaryView = savedViews?.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,
+    {
+      selected: isTemporarySelected,
+      onClick: () => props.onSelect({ item: temporaryView }),
+      ref: isTemporarySelected ? selectedRowRef : null
+    },
+    /* @__PURE__ */ import_react9.default.createElement(
+      SavedViewCollectionMenuItem,
+      {
+        item: temporaryView,
+        selected: isTemporarySelected
+      }
+    )
+  ), /* @__PURE__ */ import_react9.default.createElement(
     Row,
     {
       selected: isDefaultSelected,
@@ -11735,7 +11814,9 @@ var PanelContent = (props) => {
     )
   ), VIEW_LEVELS.map((level) => {
     const isExpanded = groups[level];
-    const views = isExpanded && savedViews ? savedViews.filter((view) => view.view_level === level) : [];
+    const views = isExpanded && savedViews ? 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(
       ViewLevelHeader_default,
       {
@@ -11784,7 +11865,7 @@ var PanelContent = (props) => {
 };
 
 // src/SavedViews/components/SavedViews/SmartGrid/SmartGridSavedViews.tsx
-var import_react14 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 
 // src/SavedViews/components/SavedViews/SmartGrid/SmartGridDefaultSavedView.tsx
 var import_core_react8 = require("@procore/core-react");
@@ -11844,8 +11925,8 @@ var useSmartGridConfig = (gridApi) => {
 };
 
 // src/SavedViews/components/SavedViews/SavedViews.tsx
-var import_core_react12 = require("@procore/core-react");
-var import_react13 = __toESM(require("react"));
+var import_core_react13 = require("@procore/core-react");
+var import_react18 = __toESM(require("react"));
 var import_react_query3 = require("@tanstack/react-query");
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsDeleteConfirmationModalShared.tsx
@@ -11877,7 +11958,7 @@ var import_react12 = __toESM(require("react"));
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
 var import_core_react10 = require("@procore/core-react");
-var React17 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 
 // ../../node_modules/yup/index.esm.js
 var import_property_expr = __toESM(require_property_expr());
@@ -14278,7 +14359,7 @@ var SavedViewsCreateUpdateModalBase = ({
     }
   };
   const viewLevelOptions = getViewLevelOptions(permissions, I18n);
-  return /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React18.createElement(
     import_core_react10.Modal,
     {
       "aria-label": I18n.t("savedViews.ariaLabels.modal"),
@@ -14287,14 +14368,14 @@ var SavedViewsCreateUpdateModalBase = ({
       style: { width: "540px" },
       "data-testid": "create-update-modal"
     },
-    /* @__PURE__ */ React17.createElement(ScrollContainer, null, /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React18.createElement(ScrollContainer, null, /* @__PURE__ */ React18.createElement(
       import_core_react10.Modal.Header,
       {
         onClose,
         style: { borderBottom: `1px solid ${import_core_react10.colors.gray85}` }
       },
-      /* @__PURE__ */ React17.createElement(import_core_react10.H2, null, header)
-    ), /* @__PURE__ */ React17.createElement(
+      /* @__PURE__ */ React18.createElement(import_core_react10.H2, null, header)
+    ), /* @__PURE__ */ React18.createElement(
       import_core_react10.Form,
       {
         initialValues: {
@@ -14320,13 +14401,13 @@ var SavedViewsCreateUpdateModalBase = ({
         onReset: onCancel,
         validateOnChange: true
       },
-      /* @__PURE__ */ React17.createElement(import_core_react10.Form.Form, { name: header }, /* @__PURE__ */ React17.createElement(
+      /* @__PURE__ */ React18.createElement(import_core_react10.Form.Form, { name: header }, /* @__PURE__ */ React18.createElement(
         import_core_react10.Modal.Body,
         {
           style: { paddingTop: 0, paddingBottom: 0, marginTop: import_core_react10.spacing.lg }
         },
-        errors && /* @__PURE__ */ React17.createElement(import_core_react10.ErrorBanner, { style: { marginBottom: import_core_react10.spacing.xl } }, /* @__PURE__ */ React17.createElement(import_core_react10.Banner.Content, null, /* @__PURE__ */ React17.createElement(import_core_react10.Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React17.createElement(import_core_react10.Banner.Body, null, errors?.form || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
-        /* @__PURE__ */ React17.createElement(import_core_react10.Form.Row, null, /* @__PURE__ */ React17.createElement(
+        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?.form || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
+        /* @__PURE__ */ React18.createElement(import_core_react10.Form.Row, null, /* @__PURE__ */ React18.createElement(
           import_core_react10.Form.Text,
           {
             name: "name",
@@ -14337,12 +14418,12 @@ var SavedViewsCreateUpdateModalBase = ({
             onChange: () => resetMutations()
           }
         )),
-        /* @__PURE__ */ React17.createElement(
+        /* @__PURE__ */ React18.createElement(
           import_core_react10.Form.Row,
           {
             style: { marginTop: errors?.name ? import_core_react10.spacing.xl : import_core_react10.spacing.none }
           },
-          /* @__PURE__ */ React17.createElement(
+          /* @__PURE__ */ React18.createElement(
             import_core_react10.Form.TextArea,
             {
               name: "description",
@@ -14353,7 +14434,7 @@ var SavedViewsCreateUpdateModalBase = ({
             }
           )
         ),
-        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React17.createElement(import_core_react10.Form.Row, null, /* @__PURE__ */ React17.createElement(
+        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React18.createElement(import_core_react10.Form.Row, null, /* @__PURE__ */ React18.createElement(
           import_core_react10.Form.Select,
           {
             name: "view_level",
@@ -14363,8 +14444,8 @@ var SavedViewsCreateUpdateModalBase = ({
             onSearch: false,
             onClear: false
           }
-        )) : /* @__PURE__ */ React17.createElement(React17.Fragment, null)
-      ), /* @__PURE__ */ React17.createElement(import_core_react10.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react10.colors.gray85}` } }, /* @__PURE__ */ React17.createElement(import_core_react10.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React17.createElement(import_core_react10.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React17.createElement(import_core_react10.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React17.createElement(import_core_react10.Modal.FooterButtons, null, /* @__PURE__ */ React17.createElement(import_core_react10.Button, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React17.createElement(
+        )) : /* @__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(
         import_core_react10.Button,
         {
           "data-testid": "create-update-modal-button",
@@ -14416,6 +14497,277 @@ var SavedViewsFormModal = ({
   );
 };
 
+// src/SavedViews/components/SavedViewsModals/CopyViewConfirmationModal.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?.();
+  };
+  const handleCreateView = () => {
+    onCreateView?.();
+  };
+  return /* @__PURE__ */ import_react13.default.createElement(
+    import_core_react12.Modal,
+    {
+      "data-testid": "create-view-confirmation-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,
+      {
+        variant: "secondary",
+        onClick: handleViewTemporarily,
+        "data-testid": "view-temporarily-button"
+      },
+      i18n.t("savedViews.actions.viewTemporarily")
+    ), /* @__PURE__ */ import_react13.default.createElement(
+      import_core_react12.Button,
+      {
+        variant: "primary",
+        onClick: handleCreateView,
+        "data-testid": "create-view-button"
+      },
+      i18n.t("savedViews.actions.createView")
+    )))
+  );
+};
+
+// src/utils/Hooks/useViewSelection.ts
+var import_react15 = require("react");
+
+// src/utils/Hooks/useUrlSync.ts
+var import_react14 = 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?.id) {
+        onViewFound(defaultView);
+      }
+      return;
+    }
+    const viewInUserViews = availableViews.find((v2) => v2.id === savedViewId);
+    if (viewInUserViews) {
+      if (viewInUserViews.id !== selectedView?.id) {
+        onViewFound(viewInUserViews);
+      }
+    } else {
+      onViewNotFound(savedViewId);
+    }
+  };
+  const applyListView = (viewParam) => {
+    if (viewParam === "list" && defaultView.id !== 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)(() => {
+    try {
+      const savedView = JSON.parse(
+        localStorage.getItem(
+          `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`
+        )
+      );
+      return savedView || config.defaultView;
+    } catch (e2) {
+      return 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)(
+    (view) => {
+      if (config.stickyViewsKey) {
+        localStorage.setItem(
+          `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`,
+          JSON.stringify(view)
+        );
+      }
+    },
+    [
+      config.domain,
+      config.tableName,
+      config.stickyViewsKey,
+      config.projectId,
+      config.userId
+    ]
+  );
+  const allViews = temporaryView ? [...savedViews ?? [], temporaryView] : savedViews ?? [];
+  const onUrlViewFound = (foundView) => {
+    selectView(foundView);
+  };
+  const onUrlViewNotFound = (viewId) => {
+    if (viewId === selectedSavedView?.id) {
+      return;
+    }
+    openCrossUserModal(viewId);
+  };
+  const { updateUrl } = useUrlSync(
+    selectedSavedView,
+    allViews,
+    config.defaultView,
+    onUrlViewFound,
+    onUrlViewNotFound
+  );
+  const selectView = (0, import_react15.useCallback)(
+    (view) => {
+      if (view.id !== "temporary" && temporaryView) {
+        clearTemporaryView();
+      }
+      const viewToSelect = config.onSelect({ item: view });
+      setSelectedSavedView(viewToSelect);
+      updateLocalStorage(viewToSelect);
+      updateUrl(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)
+  );
+  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"
+      };
+      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);
+    },
+    []
+  );
+  const closeModal = (0, import_react17.useCallback)(() => {
+    setActiveModal(null);
+    setModalData(null);
+  }, []);
+  const isModalOpen = (0, import_react17.useCallback)(
+    (type) => {
+      return activeModal === type;
+    },
+    [activeModal]
+  );
+  return {
+    openModal,
+    closeModal,
+    isModalOpen,
+    modalData,
+    activeModal
+  };
+};
+
 // src/SavedViews/components/SavedViews/SavedViews.tsx
 var StyledPanel = styled_components_esm_default.div`
   border: ${({ provider }) => provider === "data-table" ? "1px solid #d6dadc" : "none"};
@@ -14430,74 +14782,81 @@ var SavedViewsContent = (props) => {
     projectId,
     companyId
   };
+  const { data: savedViews } = useSavedViewsQuery(queryInput);
   const { mutate: deleteSavedView } = useDeleteSavedView(queryInput);
-  const [selectedSavedView, setSelectedSavedView] = (0, import_react13.useState)(() => {
-    try {
-      const savedView = JSON.parse(
-        localStorage.getItem(
-          `${props.domain}_${props.tableName}_${props.stickyViewsKey}_${projectId}_${props.userId}`
-        )
-      );
-      return savedView || props.defaultView;
-    } catch (e2) {
-      return props.defaultView;
-    }
-  });
-  const updateLocalStorage = (view) => {
-    if (props.stickyViewsKey) {
-      localStorage.setItem(
-        `${props.domain}_${props.tableName}_${props.stickyViewsKey}_${projectId}_${props.userId}`,
-        JSON.stringify(view)
-      );
-    }
-  };
-  const handleViewItemSelect = ({ item }) => {
-    const viewToSetAsSelected = props.onSelect({ item });
-    setSelectedSavedView(viewToSetAsSelected);
-    updateLocalStorage(viewToSetAsSelected);
+  const { openModal, closeModal, isModalOpen, modalData, activeModal } = useModalState();
+  const openCrossUserModal = (viewId) => {
+    openModal("crossUser" /* CROSS_USER */, { viewId });
   };
-  const onDelete = () => {
-    if (selectedSavedView) {
-      deleteSavedView(selectedSavedView, {
-        onSuccess: () => handleViewItemSelect({ item: props.defaultView })
+  const {
+    selectedView,
+    selectView,
+    updateLocalStorage,
+    temporaryView,
+    createTemporaryView
+  } = useViewSelection(
+    {
+      domain: props.domain,
+      tableName: props.tableName,
+      stickyViewsKey: props.stickyViewsKey,
+      userId: props.userId,
+      projectId,
+      defaultView: props.defaultView,
+      onSelect: props.onSelect
+    },
+    savedViews,
+    openCrossUserModal
+  );
+  const {
+    fetchedView,
+    viewSharedViewTemporarily,
+    createPersonalCopyOfSharedView,
+    selectCurrentViewAndCloseModal
+  } = useCrossUserSharing(
+    queryInput,
+    modalData?.viewId ?? null,
+    selectedView,
+    props.defaultView,
+    {
+      selectView,
+      createTemporaryView,
+      closeModal
+    },
+    props.tableName
+  );
+  const deleteSelectedView = () => {
+    if (selectedView) {
+      deleteSavedView(selectedView, {
+        onSuccess: () => selectView(props.defaultView)
       });
     }
   };
-  const i18n = (0, import_core_react12.useI18nContext)();
-  const [openDeleteModal, setOpenDeleteModal] = (0, import_react13.useState)(false);
-  const [openEditCreateModal, setOpenEditCreateModal] = (0, import_react13.useState)(false);
-  const [editCreateModalType, setEditCreateModalType] = (0, import_react13.useState)(
-    "create" /* CREATE */
-  );
-  const onCloseDeleteModal = () => {
-    setOpenDeleteModal(false);
-  };
-  const onCloseEditModal = () => {
-    setOpenEditCreateModal(false);
-  };
-  const openModal = (type) => {
-    setEditCreateModalType(type);
-    setOpenEditCreateModal(true);
+  const confirmDeleteAndCloseModal = () => {
+    deleteSelectedView();
+    closeModal();
   };
-  const onOpenDeleteModal = () => {
-    setOpenDeleteModal(true);
+  const i18n = (0, import_core_react13.useI18nContext)();
+  const selectSavedViewFromList = ({ item }) => selectView(item);
+  const setSelectedSavedView = (view) => {
+    selectView(view);
   };
-  return /* @__PURE__ */ import_react13.default.createElement(StyledPanel, { provider: props.provider }, /* @__PURE__ */ import_react13.default.createElement(
+  const allViews = temporaryView ? [...savedViews ?? [], temporaryView] : savedViews ?? [];
+  return /* @__PURE__ */ import_react18.default.createElement(StyledPanel, { provider: props.provider }, /* @__PURE__ */ import_react18.default.createElement(
     ExpandedPanel,
     {
       "data-testid": "saved-view-expanded-panel",
       provider: props.provider
     },
-    /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Panel.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Panel.Title, null, /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Flex, { alignItems: "center" }, /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Box, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Tooltip, { showDelay: 200, overlay: i18n.t("savedViews.tooltip") }, /* @__PURE__ */ import_react13.default.createElement(Help_default, { size: "sm" })))), /* @__PURE__ */ import_react13.default.createElement(
-      import_core_react12.Tooltip,
+    /* @__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(
+      import_core_react13.Tooltip,
       {
         overlay: i18n.t("savedViews.actions.create"),
         showDelay: 1e3
       },
-      /* @__PURE__ */ import_react13.default.createElement("span", null, /* @__PURE__ */ import_react13.default.createElement(
-        import_core_react12.Button,
+      /* @__PURE__ */ import_react18.default.createElement("span", null, /* @__PURE__ */ import_react18.default.createElement(
+        import_core_react13.Button,
         {
-          icon: /* @__PURE__ */ import_react13.default.createElement(Plus_default, null),
+          icon: /* @__PURE__ */ import_react18.default.createElement(Plus_default, null),
           variant: "secondary",
           "data-testid": "expanded-panel-create-button",
           onClick: () => openModal("create" /* CREATE */),
@@ -14506,56 +14865,63 @@ var SavedViewsContent = (props) => {
         i18n.t("savedViews.actions.create")
       ))
     )),
-    /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Panel.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react18.default.createElement(import_core_react13.Panel.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ import_react18.default.createElement(
       PanelContent,
       {
-        onSelect: handleViewItemSelect,
+        onSelect: selectSavedViewFromList,
         openModal,
-        onDelete: onOpenDeleteModal,
+        onDelete: () => openModal("delete" /* DELETE */),
         updateLocalStorage,
         setSelectedSavedView,
         queryInput,
-        selectedSavedView,
+        selectedSavedView: selectedView,
         tableConfig: props.tableConfig,
         defaultView: props.defaultView,
         stickyViewsKey: props.stickyViewsKey,
+        savedViews: allViews,
         provider: props.provider,
         userId: props.userId
       }
     ))
-  ), /* @__PURE__ */ import_react13.default.createElement(
+  ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ import_react18.default.createElement(
     SavedViewsFormModal,
     {
-      open: openEditCreateModal,
-      mode: editCreateModalType,
-      onCancel: onCloseEditModal,
+      open: true,
+      mode: activeModal,
+      onCancel: closeModal,
       queryInput,
       tableConfig: props.tableConfig,
       tableName: props.tableName,
-      selectedSavedView,
+      selectedSavedView: selectedView,
       setSelectedSavedView,
-      onSelect: (view) => handleViewItemSelect({ item: view }),
-      setOpenEditCreateModal,
+      onSelect: selectView,
+      setOpenEditCreateModal: closeModal,
       defaultView: props.defaultView
     }
-  ), selectedSavedView && /* @__PURE__ */ import_react13.default.createElement(
+  ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ import_react18.default.createElement(
     SavedViewsDeleteConfirmationModalShared,
     {
-      open: openDeleteModal,
-      onDelete: () => {
-        onDelete();
-        onCloseDeleteModal();
-      },
-      onCancel: onCloseDeleteModal
+      open: true,
+      onDelete: confirmDeleteAndCloseModal,
+      onCancel: closeModal
+    }
+  ), fetchedView && isModalOpen("crossUser" /* CROSS_USER */) && /* @__PURE__ */ import_react18.default.createElement(
+    CreateViewConfirmationModal,
+    {
+      open: true,
+      savedViewName: fetchedView.name,
+      onClose: selectCurrentViewAndCloseModal,
+      onViewTemporarily: viewSharedViewTemporarily,
+      onCreateView: createPersonalCopyOfSharedView
     }
   ));
 };
 var SavedViews = (props) => {
-  return /* @__PURE__ */ import_react13.default.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ import_react13.default.createElement(import_react_query3.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ import_react13.default.createElement(SavedViewsContent, { ...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 })));
 };
 
 // src/SavedViews/components/SavedViews/SmartGrid/SmartGridSavedViews.tsx
-var import_toast_alert2 = require("@procore/toast-alert");
+var import_toast_alert3 = require("@procore/toast-alert");
 var SmartGridSavedViews = (props) => {
   const { gridApi, projectId, companyId } = props;
   const { config: tableConfig, setConfig: setTableConfig } = useSmartGridConfig(gridApi);
@@ -14585,7 +14951,7 @@ var SmartGridSavedViews = (props) => {
     setTableConfig(updatedView.table_config);
     return updatedView;
   };
-  return /* @__PURE__ */ import_react14.default.createElement(import_toast_alert2.ToastAlertProvider, null, /* @__PURE__ */ import_react14.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement(import_toast_alert3.ToastAlertProvider, null, /* @__PURE__ */ import_react19.default.createElement(
     SavedViews,
     {
       onSelect,
@@ -14604,11 +14970,11 @@ var SmartGridSavedViews = (props) => {
 };
 
 // src/SavedViews/components/SavedViews/DataTable/DataTableSavedViews.tsx
-var import_react16 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 
 // src/SavedViews/components/SavedViews/DataTable/DataTableDefaultSavedView.tsx
-var import_react15 = require("react");
-var import_core_react13 = require("@procore/core-react");
+var import_react20 = require("react");
+var import_core_react14 = require("@procore/core-react");
 var DEFAULT_COLUMN_STATE = {
   hidden: false,
   pinned: null,
@@ -14655,7 +15021,7 @@ var extractDefaultView = (columnDefinitions, receivedConfigFromTool) => {
   return result;
 };
 var useDefaultViewName2 = (domain, defaultViewName) => {
-  const i18n = (0, import_core_react13.useI18nContext)();
+  const i18n = (0, import_core_react14.useI18nContext)();
   return defaultViewName || i18n.t(domain, {
     scope: "savedViews.defaultViewTitle",
     defaultValue: "Default View"
@@ -14663,7 +15029,7 @@ var useDefaultViewName2 = (domain, defaultViewName) => {
 };
 var useDefaultView2 = (props) => {
   const name = useDefaultViewName2(props.domain, props.defaultViewName);
-  const extractedDefaultConfig = (0, import_react15.useMemo)(
+  const extractedDefaultConfig = (0, import_react20.useMemo)(
     () => extractDefaultView(props.columnDefinitions, props.receivedConfigFromTool),
     [props.columnDefinitions, props.receivedConfigFromTool]
   );
@@ -14676,18 +15042,18 @@ var useDefaultView2 = (props) => {
 };
 
 // src/SavedViews/components/SavedViews/DataTable/DataTableSavedViews.tsx
-var import_toast_alert3 = require("@procore/toast-alert");
-var DataTableSavedViews = (0, import_react16.forwardRef)((props, ref) => {
+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_react16.useState)(
+  const [internalTableConfig, setInternalTableConfig] = (0, import_react21.useState)(
     props.defaultViewConfig
   );
-  (0, import_react16.useImperativeHandle)(ref, () => ({
+  (0, import_react21.useImperativeHandle)(ref, () => ({
     setTableConfig: (newConfig) => {
       handleConfigChange(newConfig);
     }
   }));
-  const handleConfigChange = (0, import_react16.useCallback)(
+  const handleConfigChange = (0, import_react21.useCallback)(
     (newConfig) => {
       setInternalTableConfig(newConfig);
       onTableConfigChange(newConfig);
@@ -14715,7 +15081,7 @@ var DataTableSavedViews = (0, import_react16.forwardRef)((props, ref) => {
   if (!internalTableConfig) {
     return null;
   }
-  return /* @__PURE__ */ import_react16.default.createElement(import_toast_alert3.ToastAlertProvider, null, /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(import_toast_alert4.ToastAlertProvider, null, /* @__PURE__ */ import_react21.default.createElement(
     SavedViews,
     {
       onSelect,