@imposium-hub/components 1.59.4 → 1.60.0

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 (119) hide show
  1. package/dist/cjs/components/assets/AssetField.js +13 -11
  2. package/dist/cjs/components/assets/AssetField.js.map +1 -1
  3. package/dist/cjs/components/assets/AssetsTableDateCell.js +3 -1
  4. package/dist/cjs/components/assets/AssetsTableDateCell.js.map +1 -1
  5. package/dist/cjs/components/assets/AssetsTableNameCell.js +9 -2
  6. package/dist/cjs/components/assets/AssetsTableNameCell.js.map +1 -1
  7. package/dist/cjs/components/assets/AssetsTableTagsCell.js +3 -1
  8. package/dist/cjs/components/assets/AssetsTableTagsCell.js.map +1 -1
  9. package/dist/cjs/components/determinate-loader/DeterminateLoader.d.ts +1 -0
  10. package/dist/cjs/components/determinate-loader/DeterminateLoader.js +2 -1
  11. package/dist/cjs/components/determinate-loader/DeterminateLoader.js.map +1 -1
  12. package/dist/cjs/components/players/AudioPlayer.d.ts +4 -4
  13. package/dist/cjs/components/players/AudioPlayer.js +8 -8
  14. package/dist/cjs/components/publish-wizard/EmailWorkflow.d.ts +2 -0
  15. package/dist/cjs/components/publish-wizard/EmailWorkflow.js +491 -0
  16. package/dist/cjs/components/publish-wizard/EmailWorkflow.js.map +1 -0
  17. package/dist/cjs/components/publish-wizard/copy.d.ts +186 -0
  18. package/dist/cjs/components/publish-wizard/copy.js +199 -0
  19. package/dist/cjs/components/publish-wizard/copy.js.map +1 -0
  20. package/dist/cjs/components/story-previewer/StoryPreviewer.js +32 -3
  21. package/dist/cjs/components/story-previewer/StoryPreviewer.js.map +1 -1
  22. package/dist/cjs/components/story-previewer/StoryPreviewer_BACKUP_64741.d.ts +2 -0
  23. package/dist/cjs/components/story-previewer/StoryPreviewer_BACKUP_64741.js +670 -0
  24. package/dist/cjs/components/story-previewer/StoryPreviewer_BACKUP_64741.js.map +1 -0
  25. package/dist/cjs/components/story-previewer/StoryPreviewer_BASE_64741.d.ts +2 -0
  26. package/dist/cjs/components/story-previewer/StoryPreviewer_BASE_64741.js +553 -0
  27. package/dist/cjs/components/story-previewer/StoryPreviewer_BASE_64741.js.map +1 -0
  28. package/dist/cjs/components/story-previewer/StoryPreviewer_LOCAL_64741.d.ts +2 -0
  29. package/dist/cjs/components/story-previewer/StoryPreviewer_LOCAL_64741.js +650 -0
  30. package/dist/cjs/components/story-previewer/StoryPreviewer_LOCAL_64741.js.map +1 -0
  31. package/dist/cjs/components/story-previewer/StoryPreviewer_REMOTE_64741.d.ts +2 -0
  32. package/dist/cjs/components/story-previewer/StoryPreviewer_REMOTE_64741.js +639 -0
  33. package/dist/cjs/components/story-previewer/StoryPreviewer_REMOTE_64741.js.map +1 -0
  34. package/dist/cjs/constants/assets_BACKUP_14924.d.ts +20 -0
  35. package/dist/cjs/constants/assets_BACKUP_14924.js +30 -0
  36. package/dist/cjs/constants/assets_BACKUP_14924.js.map +1 -0
  37. package/dist/cjs/constants/assets_BASE_14924.d.ts +21 -0
  38. package/dist/cjs/constants/assets_BASE_14924.js +32 -0
  39. package/dist/cjs/constants/assets_BASE_14924.js.map +1 -0
  40. package/dist/cjs/constants/assets_LOCAL_14924.d.ts +20 -0
  41. package/dist/cjs/constants/assets_LOCAL_14924.js +30 -0
  42. package/dist/cjs/constants/assets_LOCAL_14924.js.map +1 -0
  43. package/dist/cjs/constants/assets_REMOTE_14924.d.ts +21 -0
  44. package/dist/cjs/constants/assets_REMOTE_14924.js +32 -0
  45. package/dist/cjs/constants/assets_REMOTE_14924.js.map +1 -0
  46. package/dist/cjs/constants/previewer.js +2 -1
  47. package/dist/cjs/constants/previewer.js.map +1 -1
  48. package/dist/cjs/index.d.ts +2 -2
  49. package/dist/cjs/index.js +2 -1
  50. package/dist/cjs/index.js.map +1 -1
  51. package/dist/cjs/interfaces/experience.d.ts +21 -1
  52. package/dist/cjs/services/API.js +1 -1
  53. package/dist/esm/components/assets/AssetField.js +13 -11
  54. package/dist/esm/components/assets/AssetField.js.map +1 -1
  55. package/dist/esm/components/assets/AssetsTableDateCell.js +1 -1
  56. package/dist/esm/components/assets/AssetsTableDateCell.js.map +1 -1
  57. package/dist/esm/components/assets/AssetsTableNameCell.js +9 -2
  58. package/dist/esm/components/assets/AssetsTableNameCell.js.map +1 -1
  59. package/dist/esm/components/assets/AssetsTableTagsCell.js +1 -1
  60. package/dist/esm/components/assets/AssetsTableTagsCell.js.map +1 -1
  61. package/dist/esm/components/determinate-loader/DeterminateLoader.d.ts +1 -0
  62. package/dist/esm/components/determinate-loader/DeterminateLoader.js +2 -1
  63. package/dist/esm/components/determinate-loader/DeterminateLoader.js.map +1 -1
  64. package/dist/esm/components/players/AudioPlayer.d.ts +4 -4
  65. package/dist/esm/components/players/AudioPlayer.js +4 -4
  66. package/dist/esm/components/publish-wizard/EmailWorkflow.d.ts +2 -0
  67. package/dist/esm/components/publish-wizard/EmailWorkflow.js +398 -0
  68. package/dist/esm/components/publish-wizard/EmailWorkflow.js.map +1 -0
  69. package/dist/esm/components/publish-wizard/copy.d.ts +186 -0
  70. package/dist/esm/components/publish-wizard/copy.js +196 -0
  71. package/dist/esm/components/publish-wizard/copy.js.map +1 -0
  72. package/dist/esm/components/story-previewer/StoryPreviewer.js +32 -3
  73. package/dist/esm/components/story-previewer/StoryPreviewer.js.map +1 -1
  74. package/dist/esm/components/story-previewer/StoryPreviewer_BACKUP_64741.d.ts +2 -0
  75. package/dist/esm/components/story-previewer/StoryPreviewer_BACKUP_64741.js +554 -0
  76. package/dist/esm/components/story-previewer/StoryPreviewer_BACKUP_64741.js.map +1 -0
  77. package/dist/esm/components/story-previewer/StoryPreviewer_BASE_64741.d.ts +2 -0
  78. package/dist/esm/components/story-previewer/StoryPreviewer_BASE_64741.js +489 -0
  79. package/dist/esm/components/story-previewer/StoryPreviewer_BASE_64741.js.map +1 -0
  80. package/dist/esm/components/story-previewer/StoryPreviewer_LOCAL_64741.d.ts +2 -0
  81. package/dist/esm/components/story-previewer/StoryPreviewer_LOCAL_64741.js +537 -0
  82. package/dist/esm/components/story-previewer/StoryPreviewer_LOCAL_64741.js.map +1 -0
  83. package/dist/esm/components/story-previewer/StoryPreviewer_REMOTE_64741.d.ts +2 -0
  84. package/dist/esm/components/story-previewer/StoryPreviewer_REMOTE_64741.js +526 -0
  85. package/dist/esm/components/story-previewer/StoryPreviewer_REMOTE_64741.js.map +1 -0
  86. package/dist/esm/constants/assets_BACKUP_14924.d.ts +20 -0
  87. package/dist/esm/constants/assets_BACKUP_14924.js +26 -0
  88. package/dist/esm/constants/assets_BACKUP_14924.js.map +1 -0
  89. package/dist/esm/constants/assets_BASE_14924.d.ts +21 -0
  90. package/dist/esm/constants/assets_BASE_14924.js +28 -0
  91. package/dist/esm/constants/assets_BASE_14924.js.map +1 -0
  92. package/dist/esm/constants/assets_LOCAL_14924.d.ts +20 -0
  93. package/dist/esm/constants/assets_LOCAL_14924.js +26 -0
  94. package/dist/esm/constants/assets_LOCAL_14924.js.map +1 -0
  95. package/dist/esm/constants/assets_REMOTE_14924.d.ts +21 -0
  96. package/dist/esm/constants/assets_REMOTE_14924.js +28 -0
  97. package/dist/esm/constants/assets_REMOTE_14924.js.map +1 -0
  98. package/dist/esm/constants/previewer.js +2 -1
  99. package/dist/esm/constants/previewer.js.map +1 -1
  100. package/dist/esm/index.d.ts +2 -2
  101. package/dist/esm/index.js +2 -2
  102. package/dist/esm/index.js.map +1 -1
  103. package/dist/esm/interfaces/experience.d.ts +21 -1
  104. package/dist/esm/services/API.js +1 -1
  105. package/dist/styles.css +0 -1
  106. package/dist/styles.less +0 -1
  107. package/less/components/player.less +0 -1
  108. package/package.json +1 -1
  109. package/src/components/assets/AssetField.tsx +25 -12
  110. package/src/components/assets/AssetsTableDateCell.tsx +4 -3
  111. package/src/components/assets/AssetsTableNameCell.tsx +23 -8
  112. package/src/components/assets/AssetsTableTagsCell.tsx +10 -9
  113. package/src/components/determinate-loader/DeterminateLoader.tsx +3 -2
  114. package/src/components/players/AudioPlayer.tsx +5 -5
  115. package/src/components/story-previewer/StoryPreviewer.tsx +37 -3
  116. package/src/constants/previewer.ts +2 -1
  117. package/src/index.ts +3 -2
  118. package/src/interfaces/experience.ts +25 -1
  119. package/src/services/API.ts +1 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"assets_BASE_14924.js","sourceRoot":"","sources":["../../../src/constants/assets_BASE_14924.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,uCAAuC,CAAC;AAEpE,MAAM,CAAC,MAAM,YAAY,GAAG,qDAAqD,CAAC;AAElF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,iBAAiB,EAAE,mBAAmB;IACtC,kBAAkB,EAAE,oBAAoB;IACxC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAC,MAAM;IACX,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,gBAAgB;IAChC,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,qBAAqB;IAC1C,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,qBAAqB;IACzC,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,qBAAqB;IAC1C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,oBAAoB;IACzC,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,sBAAsB;IAC9C,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,sBAAsB;IACvD,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,qBAAqB;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAW,GAAG,CAAC;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAW,GAAG,CAAC;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAW,EAAE,CAAC"}
@@ -0,0 +1,20 @@
1
+ export declare const ASSET_DISTRO = "https://d188rqu2y6x0ew.cloudfront.net";
2
+ export declare const ASSET_ORIGIN = "https://imposium-footage.s3.us-east-1.amazonaws.com";
3
+ export declare const ASSET_TYPES: {
4
+ VIDEO_COMPOSITION: string;
5
+ STATIC_COMPOSITION: string;
6
+ VIDEO: string;
7
+ IMAGE: string;
8
+ TEMPLATE: string;
9
+ AUDIO: string;
10
+ IMAGE_SEQUENCE: string;
11
+ FONT: string;
12
+ LUT: string;
13
+ ALL: string;
14
+ };
15
+ export declare const ASSET_COLORS: {
16
+ [x: string]: string;
17
+ };
18
+ export declare const PREVIEW_MAX_WIDTH: number;
19
+ export declare const PREVIEW_MAX_HEIGHT: number;
20
+ export declare const HEADER_HEIGHT: number;
@@ -0,0 +1,26 @@
1
+ export const ASSET_DISTRO = 'https://d188rqu2y6x0ew.cloudfront.net';
2
+ export const ASSET_ORIGIN = 'https://imposium-footage.s3.us-east-1.amazonaws.com';
3
+ export const ASSET_TYPES = {
4
+ VIDEO_COMPOSITION: 'video_composition',
5
+ STATIC_COMPOSITION: 'static_composition',
6
+ VIDEO: 'video',
7
+ IMAGE: 'image',
8
+ TEMPLATE: 'template',
9
+ AUDIO: 'audio',
10
+ IMAGE_SEQUENCE: 'image_sequence',
11
+ FONT: 'font',
12
+ LUT: 'lut',
13
+ ALL: 'all'
14
+ };
15
+ export const ASSET_COLORS = {
16
+ [ASSET_TYPES.VIDEO]: 'rgba(236,22,150, 1)',
17
+ [ASSET_TYPES.IMAGE]: 'rgba(241,191,21, 1)',
18
+ [ASSET_TYPES.AUDIO]: 'rgba(72,177,222,1)',
19
+ [ASSET_TYPES.TEMPLATE]: 'rgba(208, 80, 35, 1)',
20
+ [ASSET_TYPES.VIDEO_COMPOSITION]: 'rgba(215, 22, 22, 1)',
21
+ [ASSET_TYPES.IMAGE_SEQUENCE]: 'rgba(241,191,21, 1)'
22
+ };
23
+ export const PREVIEW_MAX_WIDTH = 400;
24
+ export const PREVIEW_MAX_HEIGHT = 400;
25
+ export const HEADER_HEIGHT = 30;
26
+ //# sourceMappingURL=assets_LOCAL_14924.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"assets_LOCAL_14924.js","sourceRoot":"","sources":["../../../src/constants/assets_LOCAL_14924.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,uCAAuC,CAAC;AAEpE,MAAM,CAAC,MAAM,YAAY,GAAG,qDAAqD,CAAC;AAElF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,iBAAiB,EAAE,mBAAmB;IACtC,kBAAkB,EAAE,oBAAoB;IACxC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,gBAAgB;IAChC,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,qBAAqB;IAC1C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,qBAAqB;IAC1C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,oBAAoB;IACzC,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,sBAAsB;IAC9C,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,sBAAsB;IACvD,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,qBAAqB;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAW,GAAG,CAAC;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAW,GAAG,CAAC;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAW,EAAE,CAAC"}
@@ -0,0 +1,21 @@
1
+ export declare const ASSET_DISTRO = "https://d188rqu2y6x0ew.cloudfront.net";
2
+ export declare const ASSET_ORIGIN = "https://imposium-footage.s3.us-east-1.amazonaws.com";
3
+ export declare const ASSET_TYPES: {
4
+ VIDEO_COMPOSITION: string;
5
+ STATIC_COMPOSITION: string;
6
+ VIDEO: string;
7
+ IMAGE: string;
8
+ HTML: string;
9
+ TEMPLATE: string;
10
+ AUDIO: string;
11
+ IMAGE_SEQUENCE: string;
12
+ FONT: string;
13
+ LUT: string;
14
+ ALL: string;
15
+ };
16
+ export declare const ASSET_COLORS: {
17
+ [x: string]: string;
18
+ };
19
+ export declare const PREVIEW_MAX_WIDTH: number;
20
+ export declare const PREVIEW_MAX_HEIGHT: number;
21
+ export declare const HEADER_HEIGHT: number;
@@ -0,0 +1,28 @@
1
+ export const ASSET_DISTRO = 'https://d188rqu2y6x0ew.cloudfront.net';
2
+ export const ASSET_ORIGIN = 'https://imposium-footage.s3.us-east-1.amazonaws.com';
3
+ export const ASSET_TYPES = {
4
+ VIDEO_COMPOSITION: 'video_composition',
5
+ STATIC_COMPOSITION: 'static_composition',
6
+ VIDEO: 'video',
7
+ IMAGE: 'image',
8
+ HTML: 'html',
9
+ TEMPLATE: 'template',
10
+ AUDIO: 'audio',
11
+ IMAGE_SEQUENCE: 'image_sequence',
12
+ FONT: 'font',
13
+ LUT: 'lut',
14
+ ALL: 'all',
15
+ };
16
+ export const ASSET_COLORS = {
17
+ [ASSET_TYPES.VIDEO]: 'rgba(236,22,150, 1)',
18
+ [ASSET_TYPES.HTML]: 'rgba(174,108,255, 1)',
19
+ [ASSET_TYPES.IMAGE]: 'rgba(241,191,21, 1)',
20
+ [ASSET_TYPES.AUDIO]: 'rgba(72,177,222,1)',
21
+ [ASSET_TYPES.TEMPLATE]: 'rgba(208, 80, 35, 1)',
22
+ [ASSET_TYPES.VIDEO_COMPOSITION]: 'rgba(215, 22, 22, 1)',
23
+ [ASSET_TYPES.IMAGE_SEQUENCE]: 'rgba(241,191,21, 1)'
24
+ };
25
+ export const PREVIEW_MAX_WIDTH = 400;
26
+ export const PREVIEW_MAX_HEIGHT = 400;
27
+ export const HEADER_HEIGHT = 30;
28
+ //# sourceMappingURL=assets_REMOTE_14924.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"assets_REMOTE_14924.js","sourceRoot":"","sources":["../../../src/constants/assets_REMOTE_14924.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,uCAAuC,CAAC;AAEpE,MAAM,CAAC,MAAM,YAAY,GAAG,qDAAqD,CAAC;AAElF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,iBAAiB,EAAE,mBAAmB;IACtC,kBAAkB,EAAE,oBAAoB;IACxC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAC,MAAM;IACX,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,gBAAgB;IAChC,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,qBAAqB;IAC1C,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,sBAAsB;IAC1C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,qBAAqB;IAC1C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,oBAAoB;IACzC,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,sBAAsB;IAC9C,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,sBAAsB;IACvD,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,qBAAqB;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAW,GAAG,CAAC;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAW,GAAG,CAAC;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAW,EAAE,CAAC"}
@@ -1,6 +1,7 @@
1
1
  export const OUTPUT_TYPES = {
2
2
  LOG: 'log',
3
3
  IMAGE: 'image',
4
- VIDEO: 'video'
4
+ VIDEO: 'video',
5
+ AUDIO: 'audio'
5
6
  };
6
7
  //# sourceMappingURL=previewer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"previewer.js","sourceRoot":"","sources":["../../../src/constants/previewer.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAQ;IAC7B,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;CACjB,CAAC"}
1
+ {"version":3,"file":"previewer.js","sourceRoot":"","sources":["../../../src/constants/previewer.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAQ;IAC7B,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;CACjB,CAAC"}
@@ -74,7 +74,7 @@ import { cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, o
74
74
  import { updateFilters } from './redux/actions/asset-filters';
75
75
  import { getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, decoupleAssets, doAssetTableHydration, updateAssetStory } from './redux/actions/asset-list';
76
76
  import { getAssetTagList, addAssetTagToList } from './redux/actions/asset-tags';
77
- import { toggleAutoTag, uploadAssets } from './redux/actions/asset-uploads';
77
+ import { cancelAssetUpload, toggleAutoTag, uploadAssets } from './redux/actions/asset-uploads';
78
78
  import { selectAsset, deselectAsset, resetSelection } from './redux/actions/selected-assets';
79
79
  import assetFilters from './redux/reducers/asset-filters';
80
80
  import assetList from './redux/reducers/asset-list';
@@ -95,4 +95,4 @@ import PublishStatusIndicator from './components/publish-wizard/publish/PublishS
95
95
  import { getMediaPreviewStyle } from './utils/assets';
96
96
  import AdvancedNumberField from './components/advanced-number-field/AdvancedNumberField';
97
97
  import FontPicker from './components/font-picker/FontPicker';
98
- export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, AdvancedNumberField, NumberField, SelectField, ColorField, Tabs, ITab, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, IStaticComposition, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, IIdentity, SessionService, IHubSession, API, IImposiumAPI, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField, getMediaPreviewStyle, HEADER_HEIGHT, decoupleAssets, updateAssetStory, FontPicker };
98
+ export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, AdvancedNumberField, NumberField, SelectField, ColorField, Tabs, ITab, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, IStaticComposition, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, IIdentity, SessionService, IHubSession, API, IImposiumAPI, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField, getMediaPreviewStyle, HEADER_HEIGHT, decoupleAssets, updateAssetStory, FontPicker, cancelAssetUpload };
package/dist/esm/index.js CHANGED
@@ -79,7 +79,7 @@ import { cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, o
79
79
  import { updateFilters } from './redux/actions/asset-filters';
80
80
  import { getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, decoupleAssets, doAssetTableHydration, updateAssetStory } from './redux/actions/asset-list';
81
81
  import { getAssetTagList, addAssetTagToList } from './redux/actions/asset-tags';
82
- import { toggleAutoTag, uploadAssets } from './redux/actions/asset-uploads';
82
+ import { cancelAssetUpload, toggleAutoTag, uploadAssets } from './redux/actions/asset-uploads';
83
83
  import { selectAsset, deselectAsset, resetSelection } from './redux/actions/selected-assets';
84
84
  import assetFilters from './redux/reducers/asset-filters';
85
85
  import assetList from './redux/reducers/asset-list';
@@ -106,5 +106,5 @@ import PublishStatusIndicator from './components/publish-wizard/publish/PublishS
106
106
  import { getMediaPreviewStyle } from './utils/assets';
107
107
  import AdvancedNumberField from './components/advanced-number-field/AdvancedNumberField';
108
108
  import FontPicker from './components/font-picker/FontPicker';
109
- export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, AdvancedNumberField, NumberField, SelectField, ColorField, Tabs, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, SessionService, API, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField, getMediaPreviewStyle, HEADER_HEIGHT, decoupleAssets, updateAssetStory, FontPicker };
109
+ export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, AdvancedNumberField, NumberField, SelectField, ColorField, Tabs, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, SessionService, API, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField, getMediaPreviewStyle, HEADER_HEIGHT, decoupleAssets, updateAssetStory, FontPicker, cancelAssetUpload };
110
110
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
@@ -5,11 +5,15 @@ export interface IOutputVideos {
5
5
  [s: string]: IExperienceVideo;
6
6
  }
7
7
  export interface IOutputImages {
8
- [s: string]: string;
8
+ [s: string]: IExperienceImage;
9
+ }
10
+ export interface IOutputAudios {
11
+ [s: string]: IExperienceAudio;
9
12
  }
10
13
  export interface IOutput {
11
14
  videos: IOutputVideos;
12
15
  images: IOutputImages;
16
+ audio: IOutputAudios;
13
17
  }
14
18
  export interface IExperienceVideo {
15
19
  duration: number;
@@ -20,6 +24,22 @@ export interface IExperienceVideo {
20
24
  height?: number | string;
21
25
  width?: number | string;
22
26
  }
27
+ export interface IExperienceImage {
28
+ format: string;
29
+ url: string;
30
+ name?: string;
31
+ height?: number | string;
32
+ width?: number | string;
33
+ poster: boolean;
34
+ }
35
+ export interface IExperienceAudio {
36
+ format: string;
37
+ url: string;
38
+ name: string;
39
+ bitrate: number;
40
+ sample_rate: number;
41
+ channels: number;
42
+ }
23
43
  export interface IExperience {
24
44
  date_created: number;
25
45
  id: string;
@@ -22,7 +22,7 @@ export default class API {
22
22
  baseURL,
23
23
  headers: {
24
24
  'Authorization': `Bearer ${idToken}`,
25
- 'X-Imposium-API-Version': '2.0.0',
25
+ 'X-Imposium-API-Version': '2.0.2',
26
26
  'X-Imposium-Account-Id': organizationId || ''
27
27
  }
28
28
  });
package/dist/styles.css CHANGED
@@ -1966,7 +1966,6 @@ body a {
1966
1966
  .media-player .inner-viewer audio {
1967
1967
  width: 100%;
1968
1968
  height: 100%;
1969
- outline: 1px solid #000000;
1970
1969
  }
1971
1970
  .preview-not-available {
1972
1971
  position: absolute;
package/dist/styles.less CHANGED
@@ -1866,7 +1866,6 @@ body{
1866
1866
  audio{
1867
1867
  width:100%;
1868
1868
  height:100%;
1869
- outline:1px solid darken(@backgroundDark, 10%);
1870
1869
  }
1871
1870
  }
1872
1871
  }
@@ -21,7 +21,6 @@
21
21
  audio{
22
22
  width:100%;
23
23
  height:100%;
24
- outline:1px solid darken(@backgroundDark, 10%);
25
24
  }
26
25
  }
27
26
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@imposium-hub/components",
3
- "version": "1.59.4",
3
+ "version": "1.60.0",
4
4
  "description": "React & Typescript component / asset library for Imposium front-ends",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
@@ -11,6 +11,14 @@ import { connect } from 'react-redux';
11
11
  import { bindActionCreators } from 'redux';
12
12
  import { ICON_FILTER, ICON_TIMES } from '../../constants/icons';
13
13
 
14
+ interface IAssetList {
15
+ loading: boolean;
16
+ page: number;
17
+ total_pages: number;
18
+ asset_count: number;
19
+ assets: any[];
20
+ }
21
+
14
22
  interface IAssetFieldProps {
15
23
  api: any;
16
24
  storyId: string;
@@ -30,6 +38,7 @@ interface IAssetFieldProps {
30
38
  labelPosition?: string;
31
39
  onError?: (message: string) => void;
32
40
  labelWidth?: string | number;
41
+ assetList: IAssetList;
33
42
  }
34
43
 
35
44
  interface IAssetFieldState {
@@ -39,6 +48,8 @@ interface IAssetFieldState {
39
48
  }
40
49
 
41
50
  class AssetField extends React.PureComponent<IAssetFieldProps, IAssetFieldState> {
51
+ private loadAssetTimer: any;
52
+
42
53
  constructor(props) {
43
54
  super(props);
44
55
 
@@ -51,26 +62,24 @@ class AssetField extends React.PureComponent<IAssetFieldProps, IAssetFieldState>
51
62
 
52
63
  public componentDidMount() {
53
64
  const { assetId } = this.props;
54
-
55
65
  // get the asset name from the API
56
66
  if (assetId && !this.state.assetName) {
57
67
  this.loadAsset();
58
68
  }
59
69
  }
60
70
 
61
- public componentDidUpdate(prevProps, prevState) {
62
- const { assetId } = this.props;
63
-
64
- if (assetId && assetId !== prevProps.assetId) {
65
- this.loadAsset();
66
- } else if (!assetId) {
67
- this.setState({
68
- error: false,
69
- assetName: ''
70
- });
71
+ public componentDidUpdate(prevProps) {
72
+ const { assetList } = this.props;
73
+ if (assetList !== prevProps.assetList) {
74
+ clearTimeout(this.loadAssetTimer);
75
+ this.loadAssetTimer = setTimeout(() => this.loadAsset(), 300);
71
76
  }
72
77
  }
73
78
 
79
+ public componentWillUnmount(): void {
80
+ clearTimeout(this.loadAssetTimer);
81
+ }
82
+
74
83
  private loadAsset() {
75
84
  const { assetId, api } = this.props;
76
85
 
@@ -242,4 +251,8 @@ const mapDispatchToProps = (dispatch) => {
242
251
  return bindActionCreators({ updateFilters, uploadAssets }, dispatch);
243
252
  };
244
253
 
245
- export default connect(null, mapDispatchToProps)(AssetField);
254
+ const mapStateToProps = (state): any => {
255
+ return { assetList: state.assetList };
256
+ };
257
+
258
+ export default connect(mapStateToProps, mapDispatchToProps)(AssetField);
@@ -5,9 +5,10 @@ interface IAssetsTableDateCell {
5
5
  cell: any;
6
6
  }
7
7
 
8
- const AssetsTableDateCell: React.FC<IAssetsTableDateCell> = (p: IAssetsTableDateCell) => (
9
- <div>{formatDateDefault(p.cell.row.values.date_created)}</div>
10
- );
8
+ const AssetsTableDateCell: React.FC<IAssetsTableDateCell> = (p: IAssetsTableDateCell) =>
9
+ p.cell.row.values.date_created ? (
10
+ <div>{formatDateDefault(p.cell.row.values.date_created)}</div>
11
+ ) : null;
11
12
 
12
13
  const AssetsTableDateCellMemoized = React.memo(AssetsTableDateCell);
13
14
  export default AssetsTableDateCellMemoized;
@@ -5,6 +5,7 @@ import { updateAssetName } from '../../redux/actions/asset-list';
5
5
  import { connect } from 'react-redux';
6
6
  import { bindActionCreators } from 'redux';
7
7
  import { IImposiumAPI } from '../../services/API';
8
+ import { DeterminateLoader } from '../determinate-loader/DeterminateLoader';
8
9
 
9
10
  interface IAssetsTableNameCell {
10
11
  cell: any;
@@ -17,10 +18,11 @@ const AssetsTableNameCell: React.FC<IAssetsTableNameCell> = (props: IAssetsTable
17
18
  const {
18
19
  cell: {
19
20
  row: {
20
- original: { name, id }
21
+ original: { name, id, percent: uploadProgress }
21
22
  }
22
23
  }
23
24
  } = props;
25
+
24
26
  const [localName, setLocalName] = useState('');
25
27
 
26
28
  const onUpdate = (n) => {
@@ -40,13 +42,26 @@ const AssetsTableNameCell: React.FC<IAssetsTableNameCell> = (props: IAssetsTable
40
42
  };
41
43
  }, [name]);
42
44
 
43
- return (
44
- <TextField
45
- value={localName}
46
- width={'100%'}
47
- onChange={(n) => onUpdate(n)}
48
- />
49
- );
45
+ if (uploadProgress) {
46
+ const loader: JSX.Element =
47
+ uploadProgress < 100 ? (
48
+ <DeterminateLoader
49
+ progress={uploadProgress}
50
+ text={name}
51
+ />
52
+ ) : (
53
+ <span>Preparing asset...</span>
54
+ );
55
+ return loader;
56
+ } else {
57
+ return (
58
+ <TextField
59
+ value={localName}
60
+ width={'100%'}
61
+ onChange={(n) => onUpdate(n)}
62
+ />
63
+ );
64
+ }
50
65
  };
51
66
 
52
67
  const mapDispatchToProps = (dispatch): any => {
@@ -5,15 +5,16 @@ interface IAssetsTableTagsCell {
5
5
  onClick(e: any): void;
6
6
  }
7
7
 
8
- const AssetsTableTagsCell: React.FC<IAssetsTableTagsCell> = (p: IAssetsTableTagsCell) => (
9
- <Button
10
- color='secondary'
11
- style='subtle'
12
- size='small'
13
- onClick={p.onClick}>
14
- {p.cell.row.values.tags.length}
15
- </Button>
16
- );
8
+ const AssetsTableTagsCell: React.FC<IAssetsTableTagsCell> = (p: IAssetsTableTagsCell) =>
9
+ p.cell.row.values.tags ? (
10
+ <Button
11
+ color='secondary'
12
+ style='subtle'
13
+ size='small'
14
+ onClick={p.onClick}>
15
+ {p.cell.row.values.tags.length}
16
+ </Button>
17
+ ) : null;
17
18
 
18
19
  const AssetsTableTagsCellMemoized = React.memo(AssetsTableTagsCell);
19
20
  export default AssetsTableTagsCellMemoized;
@@ -2,20 +2,21 @@ import * as React from 'react';
2
2
 
3
3
  export interface IDeterminateLoaderProps {
4
4
  progress: number; // expects int 0-100 (%)
5
+ text?: string;
5
6
  }
6
7
 
7
8
  export const DeterminateLoader: React.FC<IDeterminateLoaderProps> = (
8
9
  p: IDeterminateLoaderProps
9
10
  ) => {
10
11
  const transform: string = p.progress ? `scaleX(${p.progress / 100})` : 'scaleX(0)';
11
-
12
+ const text = p.text ? p.text : `${Math.round(p.progress)}%`;
12
13
  return (
13
14
  <div className='determinate-loader'>
14
15
  <div
15
16
  className='progress-bg'
16
17
  style={{ transform }}
17
18
  />
18
- <div className='progress-copy'>{`${Math.round(p.progress)}%`}</div>
19
+ <div className='progress-copy'>{text}</div>
19
20
  </div>
20
21
  );
21
22
  };
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import { DEFAULT_PADDING } from '../../constants/player';
3
3
  import { getPlayerStyle } from './VideoPlayer';
4
4
 
5
- interface IImagePlayerProps {
5
+ interface IAudioPlayerProps {
6
6
  url: string;
7
7
  height?: number;
8
8
  width?: number;
@@ -10,7 +10,7 @@ interface IImagePlayerProps {
10
10
  active?: boolean;
11
11
  }
12
12
 
13
- class ImagePlayer extends React.PureComponent<IImagePlayerProps, undefined> {
13
+ class AudioPlayer extends React.PureComponent<IAudioPlayerProps, undefined> {
14
14
  private audioNode: any;
15
15
 
16
16
  private width = 1280;
@@ -23,7 +23,7 @@ class ImagePlayer extends React.PureComponent<IImagePlayerProps, undefined> {
23
23
  this.audioNode = React.createRef();
24
24
  }
25
25
 
26
- public getImageStyle(): any {
26
+ public getAudioStyle(): any {
27
27
  const { padding, width, height } = this.props;
28
28
  const pad = padding !== undefined ? padding : DEFAULT_PADDING;
29
29
 
@@ -38,7 +38,7 @@ class ImagePlayer extends React.PureComponent<IImagePlayerProps, undefined> {
38
38
  <div className='media-player'>
39
39
  <div
40
40
  className='inner-viewer'
41
- style={this.getImageStyle()}>
41
+ style={this.getAudioStyle()}>
42
42
  <audio
43
43
  controls
44
44
  src={url}
@@ -53,4 +53,4 @@ class ImagePlayer extends React.PureComponent<IImagePlayerProps, undefined> {
53
53
  }
54
54
  }
55
55
 
56
- export default ImagePlayer;
56
+ export default AudioPlayer;
@@ -22,6 +22,7 @@ import Timer from '../../services/Timer';
22
22
  import LogViewer from '../log-viewer/LogViewer';
23
23
  import { connect } from 'react-redux';
24
24
  import { ICON_DOWNLOAD, ICON_CLIPBOARD } from '../../constants/icons';
25
+ import AudioPlayer from '../players/AudioPlayer';
25
26
 
26
27
  interface IStoryPreviewerProps {
27
28
  api: IImposiumAPI;
@@ -254,12 +255,14 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
254
255
  } = this.state;
255
256
  const videos = output.videos;
256
257
  const images = output.images;
258
+ const audios = output.audio;
257
259
 
258
260
  if (videos) {
259
261
  for (const key in videos) {
260
262
  if (videos.hasOwnProperty(key)) {
263
+ const name: string = videos[key].name ? videos[key].name : videos[key].format;
261
264
  const v = {
262
- label: `Video: ${key}`,
265
+ label: `Video: ${name}`,
263
266
  value: `${OUTPUT_TYPES.VIDEO}.${key}`
264
267
  };
265
268
  opts.push(v);
@@ -271,7 +274,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
271
274
  for (const key in images) {
272
275
  if (images.hasOwnProperty(key)) {
273
276
  const i = {
274
- label: `Image: ${key}`,
277
+ label: `Image: ${images[key].name}`,
275
278
  value: `${OUTPUT_TYPES.IMAGE}.${key}`
276
279
  };
277
280
  opts.push(i);
@@ -279,6 +282,18 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
279
282
  }
280
283
  }
281
284
 
285
+ if (audios) {
286
+ for (const key in audios) {
287
+ if (audios.hasOwnProperty(key)) {
288
+ const a = {
289
+ label: `Audio: ${audios[key].name}`,
290
+ value: `${OUTPUT_TYPES.AUDIO}.${key}`
291
+ };
292
+ opts.push(a);
293
+ }
294
+ }
295
+ }
296
+
282
297
  return opts;
283
298
  }
284
299
 
@@ -395,6 +410,8 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
395
410
  private getFirstOutput(experience: IExperience) {
396
411
  const videos = experience.output.videos;
397
412
  const images = experience.output.images;
413
+ const audios = experience.output.audio;
414
+
398
415
  if (videos) {
399
416
  for (const key in videos) {
400
417
  if (videos.hasOwnProperty(key)) {
@@ -407,6 +424,12 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
407
424
  return `${OUTPUT_TYPES.IMAGE}.${key}`;
408
425
  }
409
426
  }
427
+ } else if (audios) {
428
+ for (const key in audios) {
429
+ if (audios.hasOwnProperty(key)) {
430
+ return `${OUTPUT_TYPES.AUDIO}.${key}`;
431
+ }
432
+ }
410
433
  } else {
411
434
  return null;
412
435
  }
@@ -624,18 +647,27 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
624
647
  } else if (experience && activeOutput) {
625
648
  let player;
626
649
  let url;
650
+
627
651
  const outputArr = activeOutput.split('.');
628
652
  const type = outputArr[0];
629
653
  const key = outputArr[1];
630
654
 
631
655
  if (type === OUTPUT_TYPES.IMAGE) {
632
- url = experience.output.images[key];
656
+ url = experience.output.images[key].url;
633
657
  player = (
634
658
  <ImagePlayer
635
659
  url={url}
636
660
  active={true}
637
661
  />
638
662
  );
663
+ } else if (type === OUTPUT_TYPES.AUDIO) {
664
+ url = experience.output.audio[key].url;
665
+ player = (
666
+ <AudioPlayer
667
+ url={url}
668
+ active={true}
669
+ />
670
+ );
639
671
  } else if (type === OUTPUT_TYPES.VIDEO) {
640
672
  const output: any = experience.output.videos[key];
641
673
  const mWidth = output.width !== undefined ? parseInt(output.width, 10) : null;
@@ -758,6 +790,8 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
758
790
 
759
791
  if (type === OUTPUT_TYPES.IMAGE) {
760
792
  url = experience.output.images[key];
793
+ } else if (type === OUTPUT_TYPES.AUDIO) {
794
+ url = experience.output.audio[key].url;
761
795
  } else if (type === OUTPUT_TYPES.VIDEO) {
762
796
  url = experience.output.videos[key].url;
763
797
  }
@@ -1,5 +1,6 @@
1
1
  export const OUTPUT_TYPES: any = {
2
2
  LOG: 'log',
3
3
  IMAGE: 'image',
4
- VIDEO: 'video'
4
+ VIDEO: 'video',
5
+ AUDIO: 'audio'
5
6
  };