@imposium-hub/components 2.6.6 → 2.7.0-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 (115) hide show
  1. package/dist/cjs/components/app-wrapper/AppWrapper.js +11 -15
  2. package/dist/cjs/components/app-wrapper/AppWrapper.js.map +1 -1
  3. package/dist/cjs/components/card/Card.js +1 -2
  4. package/dist/cjs/components/card/Card.js.map +1 -1
  5. package/dist/cjs/components/color-field/ColorField.d.ts +1 -0
  6. package/dist/cjs/components/color-field/ColorField.js +2 -2
  7. package/dist/cjs/components/color-field/ColorField.js.map +1 -1
  8. package/dist/cjs/components/data-table/Paginator.js +3 -2
  9. package/dist/cjs/components/data-table/Paginator.js.map +1 -1
  10. package/dist/cjs/components/publish-wizard/publish/EmailWorkflow.js +17 -9
  11. package/dist/cjs/components/publish-wizard/publish/EmailWorkflow.js.map +1 -1
  12. package/dist/cjs/components/story-previewer/StoryPreviewer.js +4 -4
  13. package/dist/cjs/components/story-previewer/StoryPreviewer.js.map +1 -1
  14. package/dist/cjs/redux/actions/asset-uploads.js +10 -4
  15. package/dist/cjs/redux/actions/asset-uploads.js.map +1 -1
  16. package/dist/cjs/services/API.js +1 -4
  17. package/dist/cjs/services/API.js.map +1 -1
  18. package/dist/esm/components/app-wrapper/AppWrapper.js +11 -15
  19. package/dist/esm/components/app-wrapper/AppWrapper.js.map +1 -1
  20. package/dist/esm/components/card/Card.js +1 -1
  21. package/dist/esm/components/card/Card.js.map +1 -1
  22. package/dist/esm/components/color-field/ColorField.d.ts +1 -0
  23. package/dist/esm/components/color-field/ColorField.js +2 -2
  24. package/dist/esm/components/color-field/ColorField.js.map +1 -1
  25. package/dist/esm/components/data-table/Paginator.js +3 -2
  26. package/dist/esm/components/data-table/Paginator.js.map +1 -1
  27. package/dist/esm/components/publish-wizard/publish/EmailWorkflow.js +15 -8
  28. package/dist/esm/components/publish-wizard/publish/EmailWorkflow.js.map +1 -1
  29. package/dist/esm/components/story-previewer/StoryPreviewer.js +4 -4
  30. package/dist/esm/components/story-previewer/StoryPreviewer.js.map +1 -1
  31. package/dist/esm/redux/actions/asset-uploads.js +10 -4
  32. package/dist/esm/redux/actions/asset-uploads.js.map +1 -1
  33. package/dist/esm/services/API.js +1 -4
  34. package/dist/esm/services/API.js.map +1 -1
  35. package/package.json +1 -1
  36. package/src/components/app-wrapper/AppWrapper.tsx +11 -18
  37. package/src/components/card/Card.tsx +1 -1
  38. package/src/components/color-field/ColorField.tsx +10 -6
  39. package/src/components/data-table/Paginator.tsx +3 -2
  40. package/src/components/publish-wizard/publish/EmailWorkflow.tsx +20 -8
  41. package/src/components/story-previewer/StoryPreviewer.tsx +4 -5
  42. package/src/redux/actions/asset-uploads.ts +12 -4
  43. package/src/services/API.ts +1 -6
  44. package/dist/cjs/components/app-wrapper/AppWrapperV2.d.ts +0 -26
  45. package/dist/cjs/components/app-wrapper/AppWrapperV2.js +0 -266
  46. package/dist/cjs/components/app-wrapper/AppWrapperV2.js.map +0 -1
  47. package/dist/cjs/components/app-wrapper/AppWrapperV3.d.ts +0 -19
  48. package/dist/cjs/components/app-wrapper/AppWrapperV3.js +0 -195
  49. package/dist/cjs/components/app-wrapper/AppWrapperV3.js.map +0 -1
  50. package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.d.ts +0 -27
  51. package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.js +0 -243
  52. package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.js.map +0 -1
  53. package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.d.ts +0 -28
  54. package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.js +0 -255
  55. package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.js.map +0 -1
  56. package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.d.ts +0 -27
  57. package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.js +0 -243
  58. package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.js.map +0 -1
  59. package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.d.ts +0 -28
  60. package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.js +0 -251
  61. package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.js.map +0 -1
  62. package/dist/cjs/components/error-message-preview/ErrorMessagePreview.d.ts +0 -15
  63. package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js +0 -91
  64. package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js.map +0 -1
  65. package/dist/cjs/components/header/Header_BACKUP_73021.d.ts +0 -33
  66. package/dist/cjs/components/header/Header_BACKUP_73021.js +0 -393
  67. package/dist/cjs/components/header/Header_BACKUP_73021.js.map +0 -1
  68. package/dist/cjs/components/header/Header_BASE_73021.d.ts +0 -29
  69. package/dist/cjs/components/header/Header_BASE_73021.js +0 -376
  70. package/dist/cjs/components/header/Header_BASE_73021.js.map +0 -1
  71. package/dist/cjs/components/header/Header_LOCAL_73021.d.ts +0 -33
  72. package/dist/cjs/components/header/Header_LOCAL_73021.js +0 -382
  73. package/dist/cjs/components/header/Header_LOCAL_73021.js.map +0 -1
  74. package/dist/cjs/components/header/Header_REMOTE_73021.d.ts +0 -30
  75. package/dist/cjs/components/header/Header_REMOTE_73021.js +0 -386
  76. package/dist/cjs/components/header/Header_REMOTE_73021.js.map +0 -1
  77. package/dist/cjs/components/header/StoryDropdown.d.ts +0 -6
  78. package/dist/cjs/components/header/StoryDropdown.js +0 -111
  79. package/dist/cjs/components/header/StoryDropdown.js.map +0 -1
  80. package/dist/esm/components/app-wrapper/AppWrapperV2.d.ts +0 -26
  81. package/dist/esm/components/app-wrapper/AppWrapperV2.js +0 -142
  82. package/dist/esm/components/app-wrapper/AppWrapperV2.js.map +0 -1
  83. package/dist/esm/components/app-wrapper/AppWrapperV3.d.ts +0 -19
  84. package/dist/esm/components/app-wrapper/AppWrapperV3.js +0 -88
  85. package/dist/esm/components/app-wrapper/AppWrapperV3.js.map +0 -1
  86. package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.d.ts +0 -27
  87. package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.js +0 -194
  88. package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.js.map +0 -1
  89. package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.d.ts +0 -28
  90. package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.js +0 -208
  91. package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.js.map +0 -1
  92. package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.d.ts +0 -27
  93. package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.js +0 -194
  94. package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.js.map +0 -1
  95. package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.d.ts +0 -28
  96. package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js +0 -204
  97. package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js.map +0 -1
  98. package/dist/esm/components/error-message-preview/ErrorMessagePreview.d.ts +0 -15
  99. package/dist/esm/components/error-message-preview/ErrorMessagePreview.js +0 -35
  100. package/dist/esm/components/error-message-preview/ErrorMessagePreview.js.map +0 -1
  101. package/dist/esm/components/header/Header_BACKUP_73021.d.ts +0 -33
  102. package/dist/esm/components/header/Header_BACKUP_73021.js +0 -336
  103. package/dist/esm/components/header/Header_BACKUP_73021.js.map +0 -1
  104. package/dist/esm/components/header/Header_BASE_73021.d.ts +0 -29
  105. package/dist/esm/components/header/Header_BASE_73021.js +0 -322
  106. package/dist/esm/components/header/Header_BASE_73021.js.map +0 -1
  107. package/dist/esm/components/header/Header_LOCAL_73021.d.ts +0 -33
  108. package/dist/esm/components/header/Header_LOCAL_73021.js +0 -328
  109. package/dist/esm/components/header/Header_LOCAL_73021.js.map +0 -1
  110. package/dist/esm/components/header/Header_REMOTE_73021.d.ts +0 -30
  111. package/dist/esm/components/header/Header_REMOTE_73021.js +0 -329
  112. package/dist/esm/components/header/Header_REMOTE_73021.js.map +0 -1
  113. package/dist/esm/components/header/StoryDropdown.d.ts +0 -6
  114. package/dist/esm/components/header/StoryDropdown.js +0 -82
  115. package/dist/esm/components/header/StoryDropdown.js.map +0 -1
@@ -100,7 +100,7 @@ class Card extends React.PureComponent<ICardProps, ICardState> {
100
100
  <div className={`card ${openClass} ${collapsableClass} ${styleClass}`}>
101
101
  <div
102
102
  className='card-header'
103
- onClick={(e) => this.toggleOpen(e)}>
103
+ onClick={this.evtHandlers.toggleOpen}>
104
104
  {this.renderTitle(styleClass)}
105
105
  {this.renderButtons()}
106
106
  </div>
@@ -18,6 +18,7 @@ interface IColorFieldProps {
18
18
  labelPosition?: string;
19
19
  pickerPosition?: string;
20
20
  labelWidth?: string | number;
21
+ disabled?: boolean;
21
22
  }
22
23
 
23
24
  interface IColorFieldState {
@@ -112,7 +113,8 @@ class ColorField extends React.PureComponent<IColorFieldProps, IColorFieldState>
112
113
  info,
113
114
  labelPosition,
114
115
  pickerPosition,
115
- labelWidth
116
+ labelWidth,
117
+ disabled
116
118
  } = this.props;
117
119
  const { pickerOpen } = this.state;
118
120
  const disableAlpha = !enableAlpha;
@@ -154,11 +156,13 @@ class ColorField extends React.PureComponent<IColorFieldProps, IColorFieldState>
154
156
  />
155
157
  </div>
156
158
 
157
- <div
158
- className={`picker picker-${pickerPos}`}
159
- ref={this.picker}>
160
- {picker}
161
- </div>
159
+ {!disabled && (
160
+ <div
161
+ className={`picker picker-${pickerPos}`}
162
+ ref={this.picker}>
163
+ {picker}
164
+ </div>
165
+ )}
162
166
  </FieldWrapper>
163
167
  );
164
168
  }
@@ -56,7 +56,8 @@ const Paginator: React.FC<IPaginatorProps> = ({
56
56
 
57
57
  React.useEffect(() => {
58
58
  if (pageIndex !== getPageIndex) {
59
- setPageIndex(pageIndex);
59
+ const index = pageIndex === 0 ? 1 : pageIndex;
60
+ setPageIndex(index);
60
61
  setInputPageIndex('');
61
62
  }
62
63
 
@@ -142,7 +143,7 @@ const Paginator: React.FC<IPaginatorProps> = ({
142
143
  <input
143
144
  className='paginator-input'
144
145
  type='number'
145
- placeholder={getPageIndex.toString()}
146
+ placeholder={getPageIndex?.toString()}
146
147
  value={inputPageIndex}
147
148
  onChange={(e) => {
148
149
  const input = e.target.value;
@@ -267,11 +267,22 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
267
267
  const { isCrM } = this.props;
268
268
  const { inventory, inventoryKeys } = this.state;
269
269
 
270
- const maskConfig: any[] = inventoryKeys.map((currKey: string) => ({
271
- id: currKey,
272
- name: inventory[currKey].name,
273
- show: true
274
- }));
270
+ const maskConfig: any[] = inventoryKeys.map((currKey: string) => {
271
+ let value = '';
272
+ const variables = inventory[currKey];
273
+
274
+ if (variables?.previewItem?.src) {
275
+ const { url, src } = variables.previewItem;
276
+ value = url ? url : src ? src : '';
277
+ }
278
+
279
+ return {
280
+ id: currKey,
281
+ name: variables.name,
282
+ value,
283
+ show: true
284
+ };
285
+ });
275
286
 
276
287
  if (isCrM) {
277
288
  for (const id of CRM_PLACEMENT_VARS) {
@@ -283,9 +294,10 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
283
294
  }
284
295
  }
285
296
 
286
- const emptyRow: any = maskConfig
287
- .map((m: any) => m.id)
288
- .reduce((prevState: any, currId: string) => ({ ...prevState, [currId]: '' }), {});
297
+ const emptyRow: any = maskConfig.reduce(
298
+ (obj, item) => Object.assign(obj, { [item.id]: item?.value ? item.value : '' }),
299
+ {}
300
+ );
289
301
 
290
302
  const filename = `${alphaNumeric(name)}-batch-template`;
291
303
  const exporter = new ExportToCsv({
@@ -517,16 +517,15 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
517
517
  })
518
518
  .catch((e) => {
519
519
  if (onError) {
520
- if (e.error) {
520
+ if (e.id && e.error) {
521
521
  api.cancelExperiencePolling().then(
522
522
  () => {
523
523
  onError(
524
524
  copy.runExpError.replace(
525
525
  '[error]',
526
- e.error
526
+ e.id
527
527
  )
528
528
  );
529
-
530
529
  this.resetState(
531
530
  true,
532
531
  () => {
@@ -583,8 +582,8 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
583
582
  })
584
583
  .catch((e) => {
585
584
  if (onError) {
586
- if (e.error) {
587
- onError(copy.runExpError.replace('[error]', e.error));
585
+ if (e.id && e.error) {
586
+ onError(copy.runExpError.replace('[error]', e.id));
588
587
  this.resetState(
589
588
  true,
590
589
  () => {
@@ -85,12 +85,17 @@ export const updateUploadTags = (): any => {
85
85
  let tags = [];
86
86
 
87
87
  if (tagByFileName) {
88
- tags = tags.concat(file.name.slice(0, file.name.lastIndexOf('.')));
88
+ const tagsByFileName = tags.concat(
89
+ file.name.slice(0, file.name.lastIndexOf('.'))
90
+ );
91
+ const trimmedTags = tagsByFileName.map((str) => str.trim());
92
+ tags = [...new Set([...tags, ...trimmedTags])];
89
93
  }
90
94
 
91
95
  if (tagByDelimiter) {
92
96
  const tag = file.name.slice(0, file.name.lastIndexOf('.')).split(delimiter);
93
- tags = [...new Set([...tags, ...tag])];
97
+ const trimmedTags = tag.map((str) => str.trim());
98
+ tags = [...new Set([...tags, ...trimmedTags])];
94
99
  }
95
100
 
96
101
  if (tagManually) {
@@ -143,12 +148,15 @@ const uploadAssetHandler = (api: IImposiumAPI, dispatch, getStore) => {
143
148
  let tags = [];
144
149
 
145
150
  if (tagByFileName) {
146
- tags = tags.concat(file.name.slice(0, file.name.lastIndexOf('.')));
151
+ const tagsByFileName = tags.concat(file.name.slice(0, file.name.lastIndexOf('.')));
152
+ const trimmedTags = tagsByFileName.map((str) => str.trim());
153
+ tags = [...new Set([...tags, ...trimmedTags])];
147
154
  }
148
155
 
149
156
  if (tagByDelimiter) {
150
157
  const tag = file.name.slice(0, file.name.lastIndexOf('.')).split(delimiter);
151
- tags = [...new Set([...tags, ...tag])];
158
+ const trimmedTags = tag.map((str) => str.trim());
159
+ tags = [...new Set([...tags, ...trimmedTags])];
152
160
  }
153
161
 
154
162
  if (tagManually) {
@@ -1792,8 +1792,7 @@ export default class API {
1792
1792
  filter_story_id,
1793
1793
  filter_account_name,
1794
1794
  filter_account_id,
1795
- filter_queue_id,
1796
- filter_project_version
1795
+ filter_queue_id
1797
1796
  } = config;
1798
1797
  let url = `/queue/stories?items_per_page=${itemsPerPage}&page=${page}&order=${order}&order_direction=${order_direction}`;
1799
1798
 
@@ -1817,10 +1816,6 @@ export default class API {
1817
1816
  url += `&filter_queue_id=${filter_queue_id}`;
1818
1817
  }
1819
1818
 
1820
- if (filter_project_version) {
1821
- url += `&filter_project_version=${filter_project_version}`;
1822
- }
1823
-
1824
1819
  return this.doRequest({
1825
1820
  method: 'GET',
1826
1821
  url
@@ -1,26 +0,0 @@
1
- import * as React from 'react';
2
- import { IImposiumAPI } from '../../services/API';
3
- export interface IAppWrapperProps {
4
- auth0: any;
5
- auth0Code: string;
6
- baseUrl: string;
7
- api: IImposiumAPI;
8
- children: React.ReactChildren;
9
- organizationId: string;
10
- serviceId: number;
11
- access: any;
12
- setAccessData(accessData: any): any;
13
- onAuthenticated: (activeOrgId: string, activeStoryId: string) => any;
14
- onStoryChange(storyId: string): any;
15
- onOrganizationChange(orgId: string, storyId: string): any;
16
- storyId?: string;
17
- CrMLink?: string;
18
- hideStoryPicker?: boolean;
19
- hideDocs?: boolean;
20
- hideOrgPicker?: boolean;
21
- }
22
- export interface IAppWrapperState {
23
- blockRender: boolean;
24
- }
25
- declare const _default: React.ComponentType<Omit<import("@auth0/auth0-react").WithAuth0Props, "auth0">>;
26
- export default _default;
@@ -1,266 +0,0 @@
1
- "use strict";
2
- var __extends = (this && this.__extends) || (function () {
3
- var extendStatics = function (d, b) {
4
- extendStatics = Object.setPrototypeOf ||
5
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
- return extendStatics(d, b);
8
- };
9
- return function (d, b) {
10
- if (typeof b !== "function" && b !== null)
11
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
- extendStatics(d, b);
13
- function __() { this.constructor = d; }
14
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
- };
16
- })();
17
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
- if (k2 === undefined) k2 = k;
19
- var desc = Object.getOwnPropertyDescriptor(m, k);
20
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
21
- desc = { enumerable: true, get: function() { return m[k]; } };
22
- }
23
- Object.defineProperty(o, k2, desc);
24
- }) : (function(o, m, k, k2) {
25
- if (k2 === undefined) k2 = k;
26
- o[k2] = m[k];
27
- }));
28
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
29
- Object.defineProperty(o, "default", { enumerable: true, value: v });
30
- }) : function(o, v) {
31
- o["default"] = v;
32
- });
33
- var __importStar = (this && this.__importStar) || function (mod) {
34
- if (mod && mod.__esModule) return mod;
35
- var result = {};
36
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
37
- __setModuleDefault(result, mod);
38
- return result;
39
- };
40
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
41
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
42
- return new (P || (P = Promise))(function (resolve, reject) {
43
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
44
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
45
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
46
- step((generator = generator.apply(thisArg, _arguments || [])).next());
47
- });
48
- };
49
- var __generator = (this && this.__generator) || function (thisArg, body) {
50
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
51
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
52
- function verb(n) { return function (v) { return step([n, v]); }; }
53
- function step(op) {
54
- if (f) throw new TypeError("Generator is already executing.");
55
- while (g && (g = 0, op[0] && (_ = 0)), _) try {
56
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
57
- if (y = 0, t) op = [op[0] & 2, t.value];
58
- switch (op[0]) {
59
- case 0: case 1: t = op; break;
60
- case 4: _.label++; return { value: op[1], done: false };
61
- case 5: _.label++; y = op[1]; op = [0]; continue;
62
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
63
- default:
64
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
65
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
66
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
67
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
68
- if (t[2]) _.ops.pop();
69
- _.trys.pop(); continue;
70
- }
71
- op = body.call(thisArg, _);
72
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
73
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
74
- }
75
- };
76
- var __read = (this && this.__read) || function (o, n) {
77
- var m = typeof Symbol === "function" && o[Symbol.iterator];
78
- if (!m) return o;
79
- var i = m.call(o), r, ar = [], e;
80
- try {
81
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
82
- }
83
- catch (error) { e = { error: error }; }
84
- finally {
85
- try {
86
- if (r && !r.done && (m = i["return"])) m.call(i);
87
- }
88
- finally { if (e) throw e.error; }
89
- }
90
- return ar;
91
- };
92
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
93
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
94
- if (ar || !(i in from)) {
95
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
96
- ar[i] = from[i];
97
- }
98
- }
99
- return to.concat(ar || Array.prototype.slice.call(from));
100
- };
101
- var __importDefault = (this && this.__importDefault) || function (mod) {
102
- return (mod && mod.__esModule) ? mod : { "default": mod };
103
- };
104
- Object.defineProperty(exports, "__esModule", { value: true });
105
- var React = __importStar(require("react"));
106
- var Header_1 = __importDefault(require("../header/Header"));
107
- var react_redux_1 = require("react-redux");
108
- var redux_1 = require("redux");
109
- var Util_1 = require("../../Util");
110
- var access_1 = require("../../redux/actions/access");
111
- var ConfirmModal_1 = require("../confirm-modal/ConfirmModal");
112
- var API_1 = __importDefault(require("../../services/API"));
113
- var Session_1 = __importDefault(require("../../services/Session"));
114
- var auth0_react_1 = require("@auth0/auth0-react");
115
- var AppWrapper = /** @class */ (function (_super) {
116
- __extends(AppWrapper, _super);
117
- function AppWrapper(p) {
118
- var _this = _super.call(this, p) || this;
119
- _this.componentDidMount = function () {
120
- void _this.doCheckSession(true);
121
- };
122
- /*
123
- Check the auth0 session expiry
124
- */
125
- _this.componentDidUpdate = function (prevProps) {
126
- // const { auth } = this.props;
127
- // let validAccessLevel: boolean;
128
- // if (auth) {
129
- // const {
130
- // idTokenPayload: { exp }
131
- // } = auth;
132
- // const validSession: boolean = AuthService.checkExpiry(exp);
133
- // if (!validSession) {
134
- // // this.props.clearCachedAuth();
135
- // this.doCheckSession();
136
- // }
137
- // }
138
- };
139
- _this.propagateCreds = function (freshAccess) {
140
- var _a = _this.props, initialStoryId = _a.storyId, initialOrganizationId = _a.organizationId, onAuthenticated = _a.onAuthenticated;
141
- // If an org and story ID was passed in, we're following a deeplink. Verify we have access to it, and if so, propagate those IDs and set them on the service
142
- if (initialOrganizationId && initialStoryId) {
143
- // Validate the user has access to the orgId and storyID passed in, if not, show the "Unauthorized" interface
144
- var validAccessLevel = (0, Util_1.validateAccessLevel)(initialOrganizationId, _this.props.serviceId, freshAccess);
145
- if (validAccessLevel) {
146
- onAuthenticated(initialOrganizationId, initialStoryId);
147
- _this.setState({ blockRender: false });
148
- }
149
- else {
150
- //TODO: go to unauthorized page
151
- }
152
- // If no orgID or storyID was passed in from the URL use the cached orgID and story ID on the service
153
- }
154
- else {
155
- var _b = _this.getCachedStoryAndOrgForService(freshAccess, _this.props.serviceId), story_id = _b.story_id, organization_id = _b.organization_id;
156
- onAuthenticated(organization_id, story_id);
157
- _this.setState({ blockRender: false });
158
- }
159
- };
160
- /*
161
- Bust cached creds if exist, invoke auth failure handler
162
- */
163
- _this.handleCheckSessionFailure = function (e) {
164
- if (_this.props.storyId) {
165
- Session_1.default.cacheStoryId(_this.props.storyId);
166
- }
167
- else {
168
- Session_1.default.clearCachedStoryId();
169
- }
170
- if (_this.props.organizationId) {
171
- Session_1.default.cacheOrgId(_this.props.organizationId);
172
- }
173
- else {
174
- Session_1.default.clearCachedOrgId();
175
- }
176
- // this.props.clearCachedAuth();
177
- // this.props.onAuthenticationFailure(e);
178
- };
179
- /*
180
- Check auth0 session, pull Imposium access creds on success and initialize app-wrapper
181
- */
182
- _this.doCheckSession = function () {
183
- var args_1 = [];
184
- for (var _i = 0; _i < arguments.length; _i++) {
185
- args_1[_i] = arguments[_i];
186
- }
187
- return __awaiter(_this, __spreadArray([], __read(args_1), false), void 0, function (blockRender) {
188
- var _a, auth0, baseUrl, token, orgId, api;
189
- var _this = this;
190
- if (blockRender === void 0) { blockRender = false; }
191
- return __generator(this, function (_b) {
192
- switch (_b.label) {
193
- case 0:
194
- _a = this.props, auth0 = _a.auth0, baseUrl = _a.baseUrl;
195
- if (blockRender) {
196
- this.setState({ blockRender: true });
197
- }
198
- if (!auth0.isAuthenticated) return [3 /*break*/, 2];
199
- return [4 /*yield*/, auth0.getAccessTokenSilently()];
200
- case 1:
201
- token = _b.sent();
202
- orgId = this.props.organizationId
203
- ? this.props.organizationId
204
- : null;
205
- api = new API_1.default(baseUrl, token, orgId);
206
- api.getAccessData(false)
207
- .then(function (freshAccess) {
208
- _this.props.setAccessData(freshAccess);
209
- _this.propagateCreds(freshAccess);
210
- })
211
- .catch(function (e) {
212
- // this.setState({ restrictAccess: true, blockRender: false });
213
- // TODO: push to a different route here?
214
- });
215
- return [3 /*break*/, 3];
216
- case 2:
217
- auth0.loginWithRedirect();
218
- _b.label = 3;
219
- case 3: return [2 /*return*/];
220
- }
221
- });
222
- });
223
- };
224
- _this.render = function () {
225
- var blockRender = _this.state.blockRender;
226
- var _a = _this.props, children = _a.children, organizationId = _a.organizationId, storyId = _a.storyId, hideStoryPicker = _a.hideStoryPicker, hideDocs = _a.hideDocs, hideOrgPicker = _a.hideOrgPicker, CrMLink = _a.CrMLink, baseUrl = _a.baseUrl, api = _a.api;
227
- var innerContent;
228
- if (!blockRender) {
229
- innerContent = children;
230
- }
231
- return (React.createElement("div", { id: 'app', className: 'app' },
232
- React.createElement(Header_1.default, { activeServiceId: _this.props.serviceId, baseUrl: baseUrl, api: api, activeOrganization: organizationId, activeStory: storyId, hideStoryPicker: hideStoryPicker, hideDocs: hideDocs, showFTLogo: false, hideOrgPicker: hideOrgPicker, CrMLink: CrMLink, onStoryChange: _this.props.onStoryChange, onOrganizationChange: _this.props.onOrganizationChange }),
233
- innerContent,
234
- React.createElement(ConfirmModal_1.ConfirmModal, null)));
235
- };
236
- _this.state = {
237
- blockRender: true,
238
- };
239
- return _this;
240
- }
241
- /*
242
- Emit creds to React parent
243
- */
244
- AppWrapper.prototype.getCachedStoryAndOrgForService = function (freshAccess, serviceId) {
245
- var service = freshAccess.services.find(function (s) { return s.id === serviceId; });
246
- if (service) {
247
- return {
248
- story_id: service.story_id,
249
- organization_id: service.organization_id
250
- };
251
- }
252
- };
253
- return AppWrapper;
254
- }(React.Component));
255
- var mapDispatchToProps = function (dispatch) {
256
- return (0, redux_1.bindActionCreators)({
257
- // login,
258
- setAccessData: access_1.setAccessData,
259
- // clearCachedAuth
260
- }, dispatch);
261
- };
262
- var mapStateToProps = function (state) {
263
- return { access: state.access };
264
- };
265
- exports.default = (0, auth0_react_1.withAuth0)((0, auth0_react_1.withAuthenticationRequired)((0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(AppWrapper)));
266
- //# sourceMappingURL=AppWrapperV2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AppWrapperV2.js","sourceRoot":"","sources":["../../../../src/components/app-wrapper/AppWrapperV2.tsx"],"names":[],"mappings":"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"}
@@ -1,19 +0,0 @@
1
- import * as React from 'react';
2
- import { IImposiumAPI } from '../../services/API';
3
- export interface IAppWrapperProps {
4
- baseUrl: string;
5
- api: IImposiumAPI;
6
- children?: any;
7
- organizationId: string;
8
- serviceId: number;
9
- setAccessData(getAccessData: any): void;
10
- onAuthenticated: (token: string, activeOrgId: string, activeStoryId: string) => any;
11
- onStoryChange(storyId: string): any;
12
- onOrganizationChange(orgId: string, storyId: string): any;
13
- storyId?: string;
14
- CrMLink?: string;
15
- hideStoryPicker?: boolean;
16
- hideDocs?: boolean;
17
- hideOrgPicker?: boolean;
18
- }
19
- export declare const AppWrapper: (props: IAppWrapperProps) => React.JSX.Element;