@orangelogic/orange-dam-content-browser-sdk 2.3.5 → 2.3.6-beta-2

package/build/components/content-browser/content-browser.d.ts

@@ -48,6 +48,7 @@ export default class CxContentBrowser extends CortexElement {
     showFavoriteFolder: boolean;
     showCloseButton: boolean;
     useSession: string;
+    useSiteSession: boolean;
     canPin: boolean;
     canFavorite: boolean;
     /**
@@ -56,6 +57,12 @@ export default class CxContentBrowser extends CortexElement {
      */
     canPinAsset: boolean;
     canUseProxies: boolean;
+    /**
+     * Pick-only mode: no available-proxies lookup, no transformation on confirm. The preview popup
+     * shows the asset's LargeSizePreview and confirming emits the asset straight to the host.
+     * Implies `can-use-proxies=false`.
+     */
+    simplePick: boolean;
     canViewVersions: boolean;
     canTrack: boolean;
     canLogout: boolean;
@@ -102,6 +109,7 @@ export default class CxContentBrowser extends CortexElement {
     private openFormatDialog;
     handleLastRequestChange(): Promise<void>;
     handleAuthChange(): void;
+    handleSiteSessionChange(): void;
     private handleSortOrderChange;
     private handleFilterChange;
     private handleViewChange;

package/build/components/content-browser-browser/content-browser-browser.d.ts

@@ -39,6 +39,7 @@ export default class CxContentBrowserBrowser extends CortexElement {
     minQueryLength: number;
     token: string;
     baseUrl: string;
+    useSiteSession: boolean;
     private searchTerm;
     private isPersistent;
     private collectionsOpen;

package/build/content-browser.mjs

@@ -5867,6 +5867,7 @@ let CxContentBrowserBrowser = class extends CortexElement {
     this.minQueryLength = 2;
     this.token = "";
     this.baseUrl = "";
+    this.useSiteSession = false;
     this.searchTerm = "";
     this.isPersistent = false;
     this.collectionsOpen = false;
@@ -6059,6 +6060,7 @@ let CxContentBrowserBrowser = class extends CortexElement {
                 selected-label=${o$4(this.folderTitle || void 0)}
                 auto-page-size
                 .token=${this.token}
+                .api=${this.useSiteSession ? apiGetFolders : E}
                 .baseUrl=${this.baseUrl}
                 .form=${this.closest("form")}
                 .firstFetchCallback=${this.handleFirstFetchCallback}
@@ -6160,6 +6162,9 @@ __decorateClass$g([
 __decorateClass$g([
   n$6({ attribute: "base-url", type: String })
 ], CxContentBrowserBrowser.prototype, "baseUrl", 2);
+__decorateClass$g([
+  n$6({ attribute: "use-site-session", type: Boolean })
+], CxContentBrowserBrowser.prototype, "useSiteSession", 2);
 __decorateClass$g([
   r$6()
 ], CxContentBrowserBrowser.prototype, "searchTerm", 2);
@@ -13559,6 +13564,26 @@ function apiGetContentBrowserParameters() {
     }
   });
 }
+const SITE_SESSION_EXPIRED_MESSAGE = "Your Cortex site session has expired. Sign in to the site and reopen the content browser.";
+const resolveSiteSessionUrl = (baseUrl) => {
+  const url = new URL(baseUrl || window.location.origin, window.location.origin);
+  if (!["http:", "https:"].includes(url.protocol) || url.origin !== window.location.origin || url.username || url.password || url.search || url.hash) {
+    throw new Error("Site session mode requires an HTTP(S) baseUrl on the current page origin, without credentials, query, or fragment.");
+  }
+  return url.href.replace(/\/$/, "");
+};
+const getSiteSessionRequestUrl = (baseUrl, resource) => {
+  const url = new URL(resource, `${resolveSiteSessionUrl(baseUrl)}/`);
+  if (url.origin !== window.location.origin || url.username || url.password) {
+    throw new Error("Site session requests must use the current page origin.");
+  }
+  for (const key of Array.from(url.searchParams.keys())) {
+    if (["token", "usesession"].includes(key.toLowerCase())) {
+      url.searchParams.delete(key);
+    }
+  }
+  return url.href;
+};
 var nativeMin = Math.min;
 function baseIntersection(arrays, iteratee, comparator) {
   var includes = arrayIncludes, length = arrays[0].length, othLength = arrays.length, othIndex = othLength, caches = Array(othLength), maxLength = Infinity, result = [];
@@ -13682,7 +13707,8 @@ class FetchAndMergeAssetsController {
     defaultSortDirection,
     defaultSortOrderName,
     token,
-    useSession
+    useSession,
+    useSiteSession = false
   }) {
     __privateAdd(this, _lastGetDataParameters);
     __privateAdd(this, _lastMappedAvailableExtensions);
@@ -13719,10 +13745,23 @@ class FetchAndMergeAssetsController {
     this.defaultSelectedFacets = defaultSelectedFacets;
     this.defaultSortOrderName = defaultSortOrderName;
     this.defaultSortDirection = defaultSortDirection;
-    this.token = token;
-    this.useSession = useSession;
-    http.defaults.baseURL = baseUrl;
+    this.applyTransportMode(useSiteSession, baseUrl, token, useSession);
     this.requestInterceptorId = http.interceptors.request.use((config) => {
+      var _a3;
+      if (this.useSiteSession) {
+        config.baseURL = this.baseUrl;
+        config.url = getSiteSessionRequestUrl(this.baseUrl, (_a3 = config.url) != null ? _a3 : "");
+        config.withCredentials = true;
+        config.auth = void 0;
+        ["Authorization", "Token", "UseSession"].forEach((name) => config.headers.delete(name));
+        config.params = __spreadValues({}, config.params);
+        for (const key of Object.keys(config.params)) {
+          if (["token", "usesession"].includes(key.toLowerCase())) {
+            delete config.params[key];
+          }
+        }
+        return config;
+      }
       if (config.url && ![
         AssetApiEndpoint.GET_AVAILABLE_EXTENSIONS,
         AssetApiEndpoint.GET_ASSET_VERSION_HISTORY,
@@ -13741,8 +13780,8 @@ class FetchAndMergeAssetsController {
       ].includes(config.url.split("?")[0])) {
         return config;
       }
-      if (baseUrl) {
-        config.baseURL = baseUrl;
+      if (this.baseUrl) {
+        config.baseURL = this.baseUrl;
       }
       config.params = __spreadProps(__spreadValues({}, config.params), {
         Token: this.token || void 0,
@@ -13752,16 +13791,21 @@ class FetchAndMergeAssetsController {
     });
     this.responseInterceptorId = http.interceptors.response.use(
       (response) => {
-        if (response.status >= 200 && response.status < 300 && !this.isLoggedIn) {
+        if (!this.useSiteSession && response.status >= 200 && response.status < 300 && !this.isLoggedIn) {
           this.isLoggedIn = true;
           this.host.requestUpdate();
         }
         return response;
       },
       (error) => __async(this, null, function* () {
-        var _a3;
+        var _a3, _b3;
+        if (this.useSiteSession && ((_a3 = error == null ? void 0 : error.response) == null ? void 0 : _a3.status) === 401) {
+          this.isLoggedIn = false;
+          this.host.requestUpdate();
+          return Promise.reject(error);
+        }
         const originalConfig = error == null ? void 0 : error.config;
-        if (((_a3 = error == null ? void 0 : error.response) == null ? void 0 : _a3.status) === 401 && originalConfig && !originalConfig._retry) {
+        if (((_b3 = error == null ? void 0 : error.response) == null ? void 0 : _b3.status) === 401 && originalConfig && !originalConfig._retry) {
           originalConfig._retry = true;
           const newToken = yield this.waitForNewToken();
           if (!newToken) {
@@ -13792,7 +13836,43 @@ class FetchAndMergeAssetsController {
     }
     return this.pendingTokenRefresh;
   }
+  /**
+   * Site-session mode decides the transport (cookies on the Cortex origin vs. Token/UseSession
+   * params), so it has to be applied to the interceptor state and base URL, not just captured once.
+   */
+  applyTransportMode(useSiteSession, baseUrl, token, useSession) {
+    this.useSiteSession = useSiteSession;
+    this.baseUrl = useSiteSession ? resolveSiteSessionUrl(baseUrl) : baseUrl;
+    this.token = useSiteSession ? "" : token;
+    this.useSession = useSiteSession ? "" : useSession;
+    http.defaults.baseURL = this.baseUrl;
+  }
+  /**
+   * `setSiteSession(...)` can flip the mode while the host stays mounted, so keep the transport in
+   * step with the UI instead of serving requests through the mode the controller was built with.
+   */
+  updateSiteSession(useSiteSession, baseUrl, token, useSession) {
+    if (useSiteSession === this.useSiteSession) {
+      return;
+    }
+    this.applyTransportMode(useSiteSession, baseUrl, token, useSession);
+    if (this.resolvePendingTokenRefresh) {
+      this.resolvePendingTokenRefresh(null);
+      this.pendingTokenRefresh = null;
+      this.resolvePendingTokenRefresh = null;
+    }
+    this.isLoggedIn = true;
+    __privateSet(this, _hasFetchedOnce, false);
+    this.fetchInitialData();
+    if (this.lastRequest) {
+      this.fetchAndMergeAssets(this.lastRequest);
+    }
+    this.host.requestUpdate();
+  }
   updateAuth(token, useSession) {
+    if (this.useSiteSession) {
+      return;
+    }
     const tokenChanged = this.token !== token;
     const wasLoggedOut = !this.isLoggedIn;
     this.token = token;
@@ -13962,8 +14042,8 @@ class FetchAndMergeAssetsController {
   }
   fetchAssetByID(id, options) {
     return __async(this, null, function* () {
-      var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i, _j, _k, _l, _m, _n;
-      const { allowedExtensions = [], canFavorite = false } = options != null ? options : {};
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+      const { allowedExtensions = [], canFavorite = false, simplePick = false } = options != null ? options : {};
       const promises = [
         apiGetAssetsByIDs({
           extraFields: [
@@ -13983,7 +14063,9 @@ class FetchAndMergeAssetsController {
           ],
           recordIds: [id]
         }),
-        apiGetAvailableProxies({
+        // Simple-pick mode never offers a proxy or a transformation, so the only thing this response
+        // would still supply is the preview image -- which getcontent already returns as LargeSizePreview.
+        simplePick ? Promise.resolve(void 0) : apiGetAvailableProxies({
           assetRecordId: id
         })
       ];
@@ -14014,15 +14096,15 @@ class FetchAndMergeAssetsController {
           inColdStorage: Boolean(item.inColdStorage),
           name: (_f2 = item[FIELD_TITLE_WITH_FALLBACK]) != null ? _f2 : "",
           originalUrl: (_g = item[ORIGINAL_VIEW_SIZE]) != null ? _g : "",
-          previewUrl: (_h = proxyData == null ? void 0 : proxyData.previewUrl) != null ? _h : "",
-          recordId: (_i = item[FIELD_RECORD_ID]) != null ? _i : "",
-          scrubUrl: (_j = item[FIELD_SCRUB_URL]) != null ? _j : "",
-          size: (_k = item[FIELD_FILE_SIZE]) != null ? _k : "0 MB",
-          tags: (_l = item[FIELD_KEYWORDS]) != null ? _l : "",
-          width: (_m = item[FIELD_MAX_WIDTH]) != null ? _m : "0"
+          previewUrl: (_i = (_h = proxyData == null ? void 0 : proxyData.previewUrl) != null ? _h : item[DEFAULT_VIEW_SIZE]) != null ? _i : "",
+          recordId: (_j = item[FIELD_RECORD_ID]) != null ? _j : "",
+          scrubUrl: (_k = item[FIELD_SCRUB_URL]) != null ? _k : "",
+          size: (_l = item[FIELD_FILE_SIZE]) != null ? _l : "0 MB",
+          tags: (_m = item[FIELD_KEYWORDS]) != null ? _m : "",
+          width: (_n = item[FIELD_MAX_WIDTH]) != null ? _n : "0"
         },
         isFavorite,
-        proxies: ((_n = proxyData == null ? void 0 : proxyData.proxies) != null ? _n : []).filter((proxy) => {
+        proxies: ((_o = proxyData == null ? void 0 : proxyData.proxies) != null ? _o : []).filter((proxy) => {
           var _a3;
           if (!allowedExtensions || allowedExtensions.length === 0) {
             return true;
@@ -14069,7 +14151,7 @@ class FetchAndMergeAssetsController {
     return __async(this, null, function* () {
       var _a2;
       const response = yield apiGetAssetLinks(__spreadProps(__spreadValues({}, payload), {
-        useSession: (_a2 = payload.useSession) != null ? _a2 : this.useSession
+        useSession: this.useSiteSession ? void 0 : (_a2 = payload.useSession) != null ? _a2 : this.useSession
       }));
       if (!payload.useRepresentative) {
         return response;
@@ -14226,10 +14308,12 @@ let CxContentBrowser = class extends CortexElement {
     this.showFavoriteFolder = false;
     this.showCloseButton = false;
     this.useSession = "";
+    this.useSiteSession = false;
     this.canPin = false;
     this.canFavorite = false;
     this.canPinAsset = false;
     this.canUseProxies = false;
+    this.simplePick = false;
     this.canViewVersions = false;
     this.canTrack = false;
     this.canLogout = false;
@@ -14282,6 +14366,9 @@ let CxContentBrowser = class extends CortexElement {
     }
   }
   runFirstUpdated() {
+    if (this.useSiteSession) {
+      this.baseUrl = resolveSiteSessionUrl(this.baseUrl);
+    }
     switch (this.view) {
       case GridView.Large:
         this.defaultPageSize = 15;
@@ -14312,7 +14399,8 @@ let CxContentBrowser = class extends CortexElement {
         defaultSortDirection: this.defaultSortDirection,
         defaultSortOrderName: this.defaultSortOrderName,
         token: this.token,
-        useSession: this.useSession
+        useSession: this.useSession,
+        useSiteSession: this.useSiteSession
       });
       this.requestUpdate();
     });
@@ -14344,7 +14432,8 @@ let CxContentBrowser = class extends CortexElement {
       this.selectedAssetId = id;
       try {
         const asset = yield this.fetchAndMergeAssetsController.fetchAssetByID(id, {
-          canFavorite: this.canFavorite
+          canFavorite: this.canFavorite,
+          simplePick: this.simplePick
         });
         if (!asset) {
           this.selectedAssetId = void 0;
@@ -14377,6 +14466,18 @@ let CxContentBrowser = class extends CortexElement {
     var _a2;
     (_a2 = this.fetchAndMergeAssetsController) == null ? void 0 : _a2.updateAuth(this.token, this.useSession);
   }
+  handleSiteSessionChange() {
+    var _a2;
+    if (this.useSiteSession) {
+      this.baseUrl = resolveSiteSessionUrl(this.baseUrl);
+    }
+    (_a2 = this.fetchAndMergeAssetsController) == null ? void 0 : _a2.updateSiteSession(
+      this.useSiteSession,
+      this.baseUrl,
+      this.token,
+      this.useSession
+    );
+  }
   handleSortOrderChange(event) {
     return __async(this, null, function* () {
       const { sortDirection, sortOrderName } = event.detail;
@@ -14540,6 +14641,16 @@ let CxContentBrowser = class extends CortexElement {
   }
   handleProxyConfirm(event) {
     return __async(this, null, function* () {
+      var _a2;
+      if (this.simplePick) {
+        this.handleSelectedAsset({
+          asset: event.detail.asset,
+          images: [{ imageUrl: (_a2 = event.detail.asset.imageUrl) != null ? _a2 : "" }],
+          selectedProxyMetadata: event.detail.selectedProxyMetadata
+        });
+        this.formatDialog.hide();
+        return;
+      }
       try {
         const response = yield this.fetchAndMergeAssetsController.getAssetLink(__spreadProps(__spreadValues({}, event.detail), {
           assets: [event.detail.asset],
@@ -14664,13 +14775,16 @@ let CxContentBrowser = class extends CortexElement {
     });
     if (!isLoggedIn) {
       return b`
+        ${n$5(this.useSiteSession && this.showCloseButton, () => b`
+          <cx-content-browser-header show-close-button></cx-content-browser-header>
+        `)}
         <cx-space class="content-browser__message" align-items="center" justify-content="center" spacing="small" direction="vertical">
           <cx-icon name="warning" class="content-browser__message__icon"></cx-icon>
           ${n$5(
-        this.errorMessage,
+        this.useSiteSession || this.errorMessage,
         () => b`
               <cx-typography class="content-browser__message__text">
-                ${this.errorMessage}
+                ${this.useSiteSession ? SITE_SESSION_EXPIRED_MESSAGE : this.errorMessage}
               </cx-typography>
             `,
         () => A
@@ -14687,9 +14801,10 @@ let CxContentBrowser = class extends CortexElement {
             favorite-folder-id=${o$4(userInfo == null ? void 0 : userInfo.favoriteFolderRecordID)}
             folder-id=${o$4(this.lastRequest.folderId || void 0)}
             folder-title=${o$4(this.folderTitle || void 0)}
-            token=${this.token}
+            token=${this.useSiteSession ? "" : this.token}
             base-url=${this.baseUrl}
-            use-session=${this.useSession}
+            use-session=${this.useSiteSession ? "" : this.useSession}
+            ?use-site-session=${this.useSiteSession}
             ?can-favorite=${this.canFavorite}
             ?can-pin=${this.canPin && this.canPinLayout}
             ?force-overlay=${this.forceOverlay}
@@ -14711,7 +14826,7 @@ let CxContentBrowser = class extends CortexElement {
             avatar=${o$4(userInfo == null ? void 0 : userInfo.avatar)}
             full-name=${o$4(userInfo == null ? void 0 : userInfo.fullName)}
             folder-title=${o$4(this.folderTitle || void 0)}
-            ?can-logout=${this.canLogout}
+            ?can-logout=${!this.useSiteSession && this.canLogout}
             ?show-close-button=${this.showCloseButton}
           ></cx-content-browser-header>
           <cx-content-browser-control-bar
@@ -14761,12 +14876,12 @@ let CxContentBrowser = class extends CortexElement {
           cta-text=${this.ctaText}
           cta-text-transform=${this.ctaTextTransform}
           variant=${this.isMobile ? ContentBrowserFormatDialogVariant.Drawer : ContentBrowserFormatDialogVariant.Dialog}
-          token=${this.token}
+          token=${this.useSiteSession ? "" : this.token}
           ?can-custom-format=${!!(parameters == null ? void 0 : parameters.ATSEnabled)}
           ?can-favorite=${this.canFavorite}
           ?can-pin-asset=${this.canPinAsset}
           ?can-track=${this.canTrack}
-          ?can-use-proxies=${this.canUseProxies}
+          ?can-use-proxies=${this.canUseProxies && !this.simplePick}
           ?can-view-versions=${this.canViewVersions}
           @cx-content-browser-format-dialog-version-history-open=${this.handleVersionHistoryOpen}
           @cx-content-browser-format-dialog-favorite-change=${this.handleFavoriteChange}
@@ -14864,6 +14979,9 @@ __decorateClass([
 __decorateClass([
   n$6({ attribute: "use-session", reflect: false, type: String })
 ], CxContentBrowser.prototype, "useSession", 2);
+__decorateClass([
+  n$6({ attribute: "use-site-session", type: Boolean })
+], CxContentBrowser.prototype, "useSiteSession", 2);
 __decorateClass([
   n$6({ attribute: "can-pin", reflect: true, type: Boolean })
 ], CxContentBrowser.prototype, "canPin", 2);
@@ -14876,6 +14994,9 @@ __decorateClass([
 __decorateClass([
   n$6({ attribute: "can-use-proxies", reflect: true, type: Boolean })
 ], CxContentBrowser.prototype, "canUseProxies", 2);
+__decorateClass([
+  n$6({ attribute: "simple-pick", reflect: true, type: Boolean })
+], CxContentBrowser.prototype, "simplePick", 2);
 __decorateClass([
   n$6({ attribute: "can-view-versions", reflect: true, type: Boolean })
 ], CxContentBrowser.prototype, "canViewVersions", 2);
@@ -14974,6 +15095,9 @@ __decorateClass([
 __decorateClass([
   watch(["token", "useSession"], { waitUntilFirstUpdate: true })
 ], CxContentBrowser.prototype, "handleAuthChange", 1);
+__decorateClass([
+  watch("useSiteSession", { waitUntilFirstUpdate: true })
+], CxContentBrowser.prototype, "handleSiteSessionChange", 1);
 CxContentBrowser = __decorateClass([
   customElement("cx-content-browser")
 ], CxContentBrowser);

package/build/index.d.ts

@@ -87,6 +87,8 @@ type OrangeDAMContentBrowser = {
          * Base url. If specified, we will prefill the site URL in the authentication page
          */
         baseUrl?: string;
+        /** Reuse the current Cortex site's browser session without requesting credentials. */
+        useSiteSession?: boolean;
         /**
          * Only show IIIF prefix. When enable, instead of return full IIIF image url, we will
          * only return the url before the {region}. IIIF link will have the format like below
@@ -176,6 +178,15 @@ type OrangeDAMContentBrowser = {
          * The flag to allow the user to select proxy
          */
         allowProxy?: boolean;
+        /**
+         * Pick-only mode. Skips the available-proxies lookup and the transformation request made when
+         * an asset is confirmed; the preview popup shows the asset's LargeSizePreview and confirming
+         * emits the asset straight to `onAssetSelected`. Implies `allowProxy: false`.
+         *
+         * Note: because no GetAssetLink request is made, only the computed `extraFields`
+         * (`ScrubUrl`, `AllowATSLink`) can be returned in this mode.
+         */
+        simplePick?: boolean;
         /**
          * The flag to allow the user to select favorites
          */