@orangelogic/orange-dam-content-browser-sdk 2.2.6 → 2.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/build/OrangeDAMContentBrowserSDK.min.js +38 -38
  2. package/build/OrangeDAMContentBrowserSDK.min.js.map +1 -1
  3. package/build/index.html +1 -1
  4. package/build/src/App.d.ts +3 -0
  5. package/build/src/AppContext.d.ts +3 -0
  6. package/build/src/GlobalConfigContext.d.ts +1 -0
  7. package/build/src/components/FormatDialog/FormatDialog.d.ts +4 -0
  8. package/build/src/components/FormatDialog/PinButton/PinButton.d.ts +9 -0
  9. package/build/src/components/FormatDialog/PinButton/index.d.ts +1 -0
  10. package/build/src/index.d.ts +16 -0
  11. package/package.json +1 -1
package/build/index.html CHANGED
@@ -1 +1 @@
1
- <!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="OrangeDAM Content Browser SDK"/><link rel="manifest" href="/manifest.json"/><script src="https://downloads.orangelogic.com/ContentBrowserSDK/__tag__/OrangeDAMContentBrowserSDK.min.js"></script><link rel="stylesheet" href="https://downloads.orangelogic.com/ContentBrowserSDK/__tag__/OrangeDAMContentBrowserSDK.min.css"><title>OrangeDAM Content Browser SDK</title><style>body{background-color:#fff;margin:0}#react-app-root{width:100vw;height:100vh}</style><script defer="defer" src="OrangeDAMContentBrowserSDK.min.js"></script><link href="OrangeDAMContentBrowserSDK.min.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="react-app-root"></div><script>const debugCBSDK=()=>{const e={onAssetSelected:function(e){return new Promise((o=>{window.open(e[0].imageUrl,"_blank"),o()}))},onAppAuthUrlCopied:async e=>{console.log("custom copy handler",e),await navigator.clipboard.writeText(e)},onError:console.error,availableDocTypes:["DO_DOCUMENTS.Image_DbBO.*","DO_DOCUMENTS.Audio_DbBO.*","DO_DOCUMENTS.Multimedia_DbBO.*","DO_DOCUMENTS.Video_DbBO.*"],availableRepresentativeSubtypes:["Other"],containerId:"react-app-root",extraFields:["coreField.OriginalFileName","document.CortexPath","ScrubUrl"],persistMode:!0,searchInDrive:!1,showCollections:!0,allowTracking:!0,allowFavorites:!0,allowPin:!0,showVersions:!0,loadExternalFonts:!1,lastLocationMode:!0,onClose:(()=>{},()=>{console.log("Content Browser closed, reopening ..."),window.OrangeDAMContentBrowser.open(e)}),onTokenChanged:e=>{console.log("Token changed:",e)},customStorage:{get:e=>localStorage.getItem("custom_storage_"+e),set:(e,o)=>localStorage.setItem("custom_storage_"+e,o),delete:e=>localStorage.removeItem("custom_storage_"+e)}};window.OrangeDAMContentBrowser.open(e)};document.addEventListener("DOMContentLoaded",debugCBSDK)</script></body></html>
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="OrangeDAM Content Browser SDK"/><link rel="manifest" href="/manifest.json"/><script src="https://downloads.orangelogic.com/ContentBrowserSDK/__tag__/OrangeDAMContentBrowserSDK.min.js"></script><link rel="stylesheet" href="https://downloads.orangelogic.com/ContentBrowserSDK/__tag__/OrangeDAMContentBrowserSDK.min.css"><title>OrangeDAM Content Browser SDK</title><style>body{background-color:#fff;margin:0}#react-app-root{width:100vw;height:100vh}</style><script defer="defer" src="OrangeDAMContentBrowserSDK.min.js"></script><link href="OrangeDAMContentBrowserSDK.min.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="react-app-root"></div><script>const debugCBSDK=()=>{const e={onAssetSelected:function(e){return new Promise((o=>{window.open(e[0].imageUrl,"_blank"),o()}))},onAppAuthUrlCopied:async e=>{console.log("custom copy handler",e),await navigator.clipboard.writeText(e)},onError:console.error,getPinnedState:e=>(console.log("getPinnedState",e,"true"===localStorage.getItem(`pinned:${e}`)),"true"===localStorage.getItem(`pinned:${e}`)),onPinAsset:async e=>{console.log("onPinAsset",e),localStorage.setItem(`pinned:${e}`,"true")},onUnpinAsset:async e=>{console.log("onUnpinAsset",e),localStorage.removeItem(`pinned:${e}`)},availableDocTypes:["DO_DOCUMENTS.Image_DbBO.*","DO_DOCUMENTS.Audio_DbBO.*","DO_DOCUMENTS.Multimedia_DbBO.*","DO_DOCUMENTS.Video_DbBO.*"],availableRepresentativeSubtypes:["Other"],containerId:"react-app-root",extraFields:["coreField.OriginalFileName","document.CortexPath","ScrubUrl"],persistMode:!0,searchInDrive:!1,showCollections:!0,allowTracking:!0,allowFavorites:!0,allowFormatDialogPin:!0,allowPin:!0,showVersions:!0,loadExternalFonts:!1,lastLocationMode:!0,onClose:(()=>{},()=>{console.log("Content Browser closed, reopening ..."),window.OrangeDAMContentBrowser.open(e)}),onTokenChanged:e=>{console.log("Token changed:",e)},customStorage:{get:e=>localStorage.getItem("custom_storage_"+e),set:(e,o)=>localStorage.setItem("custom_storage_"+e,o),delete:e=>localStorage.removeItem("custom_storage_"+e)}};window.OrangeDAMContentBrowser.open(e)};document.addEventListener("DOMContentLoaded",debugCBSDK)</script></body></html>
package/build/src/App.d.ts CHANGED
@@ -52,12 +52,15 @@ type Props = {
52
52
  */
53
53
  onClose?: () => void;
54
54
  onError: AppContextType['onError'];
55
+ getPinnedState?: AppContextType['getPinnedState'];
55
56
  onAssetAction: AppContextType['onAssetAction'];
56
57
  onAssetSelected: AppContextType['onAssetSelected'];
57
58
  onAppAuthUrlCopied: AppContextType['onAppAuthUrlCopied'];
58
59
  onImageSelected: AppContextType['onImageSelected'];
60
+ onPinAsset?: AppContextType['onPinAsset'];
59
61
  onConnectClicked?: (url: string) => void;
60
62
  onTokenChanged?: (token: string) => void;
63
+ onUnpinAsset?: AppContextType['onUnpinAsset'];
61
64
  onSiteUrlChanged?: (siteUrl: string) => void;
62
65
  };
63
66
  export declare const App: FC<Props>;
package/build/src/AppContext.d.ts CHANGED
@@ -6,14 +6,17 @@ export interface CustomStorage {
6
6
  }
7
7
  export type AppContextType = {
8
8
  extraFields: string[];
9
+ getPinnedState?: (recordId: string) => boolean;
9
10
  onAssetAction: (action: string, recordID: string) => void;
10
11
  onAssetSelected: (asset: GetAssetLinkResponse[]) => void | Promise<void>;
11
12
  onAppAuthUrlCopied: (url: string) => Promise<void>;
12
13
  onImageSelected: (image: GetAssetLinkResponse[]) => void;
14
+ onPinAsset?: (recordID: string) => Promise<void>;
13
15
  onError: (errorMessage?: string, error?: Error) => void;
14
16
  onClose: () => void;
15
17
  onConnectClicked?: (url: string) => void;
16
18
  onTokenChanged?: (token: string) => void;
19
+ onUnpinAsset?: (recordID: string) => Promise<void>;
17
20
  customStorage?: CustomStorage;
18
21
  };
19
22
  export declare const AppContext: import("react").Context<AppContextType>;
package/build/src/GlobalConfigContext.d.ts CHANGED
@@ -30,6 +30,7 @@ export type GlobalConfigContextType = {
30
30
  allowProxy: boolean;
31
31
  allowFavorites: boolean;
32
32
  allowPin: boolean;
33
+ allowFormatDialogPin?: boolean;
33
34
  defaultGridView: string;
34
35
  };
35
36
  export declare const GlobalConfigContext: import("react").Context<GlobalConfigContextType>;
package/build/src/components/FormatDialog/FormatDialog.d.ts CHANGED
@@ -6,6 +6,7 @@ type Props = {
6
6
  allowCustomFormat: boolean;
7
7
  allowedExtensions?: string[];
8
8
  allowFavorites: boolean;
9
+ allowFormatDialogPin?: boolean;
9
10
  allowProxy: boolean;
10
11
  allowTracking: boolean;
11
12
  appendAutoExtension?: boolean;
@@ -19,6 +20,7 @@ type Props = {
19
20
  ctaTextTransform?: CtaTextTransform;
20
21
  extensions: string[];
21
22
  isFavorite?: boolean;
23
+ isPinned?: boolean;
22
24
  maxHeight?: number;
23
25
  open: boolean;
24
26
  previewUrl?: string;
@@ -29,6 +31,7 @@ type Props = {
29
31
  boundary?: HTMLElement | null;
30
32
  onClose: () => void;
31
33
  onFavorite: () => Promise<boolean>;
34
+ onPin?: () => Promise<boolean>;
32
35
  onProxyConfirm: (value: {
33
36
  extension: string;
34
37
  parameters?: TrackingParameter[];
@@ -45,6 +48,7 @@ type Props = {
45
48
  sourceProxyMetadata?: AssetLinkInfo;
46
49
  transformedAssetMetadata?: AssetTransformationInfo;
47
50
  }) => Promise<void>;
51
+ onUnPin?: () => Promise<boolean>;
48
52
  onUnFavorite: () => Promise<boolean>;
49
53
  };
50
54
  declare const FormatDialog: FC<Props>;
package/build/src/components/FormatDialog/PinButton/PinButton.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { FC } from 'react';
2
+ type Props = {
3
+ allowFormatDialogPin: boolean;
4
+ isLoadingPins: boolean;
5
+ isPinned: boolean;
6
+ onPinClick: () => void;
7
+ };
8
+ declare const PinButton: FC<Props>;
9
+ export default PinButton;
package/build/src/components/FormatDialog/PinButton/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { default } from './PinButton';
package/build/src/index.d.ts CHANGED
@@ -36,6 +36,18 @@ type OrangeDAMContentBrowser = {
36
36
  * Callback when we make an action on the asset
37
37
  */
38
38
  onAssetAction?: AppContextType['onAssetAction'];
39
+ /**
40
+ * Callback to get pinned state of an asset by record id
41
+ */
42
+ getPinnedState?: AppContextType['getPinnedState'];
43
+ /**
44
+ * Callback when user pins an asset
45
+ */
46
+ onPinAsset?: AppContextType['onPinAsset'];
47
+ /**
48
+ * Callback when user unpins an asset
49
+ */
50
+ onUnpinAsset?: AppContextType['onUnpinAsset'];
39
51
  /**
40
52
  * Callback when the user clicks Connect button
41
53
  * Currently, it is used only for Canva integration
@@ -167,6 +179,10 @@ type OrangeDAMContentBrowser = {
167
179
  * The flag to allow the user to select favorites
168
180
  */
169
181
  allowFavorites?: boolean;
182
+ /**
183
+ * The flag to allow pin/unpin actions in format dialog
184
+ */
185
+ allowFormatDialogPin?: boolean;
170
186
  /**
171
187
  * The flag to allow the user to pin the browser
172
188
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orangelogic/orange-dam-content-browser-sdk",
3
- "version": "2.2.6",
3
+ "version": "2.2.7",
4
4
  "description": "OrangeDAM Content Browser SDK source code",
5
5
  "main": "build/OrangeDAMContentBrowserSDK.min.js",
6
6
  "types": "build/index.d.ts",