@imposium-hub/components 2.7.3 → 2.8.0-1

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 (109) hide show
  1. package/dist/cjs/components/app-wrapper/AppWrapper.js +0 -5
  2. package/dist/cjs/components/app-wrapper/AppWrapper.js.map +1 -1
  3. package/dist/cjs/components/confirm-modal/ConfirmModal.d.ts +1 -0
  4. package/dist/cjs/components/confirm-modal/ConfirmModal.js +7 -1
  5. package/dist/cjs/components/confirm-modal/ConfirmModal.js.map +1 -1
  6. package/dist/cjs/components/header/Header.js +2 -2
  7. package/dist/cjs/components/header/Header.js.map +1 -1
  8. package/dist/cjs/components/publish-wizard/publish/EmailWorkflow.js +23 -52
  9. package/dist/cjs/components/publish-wizard/publish/EmailWorkflow.js.map +1 -1
  10. package/dist/cjs/constants/copy.d.ts +1 -1
  11. package/dist/cjs/constants/copy.js +1 -1
  12. package/dist/cjs/constants/copy.js.map +1 -1
  13. package/dist/cjs/constants/publish.d.ts +0 -3
  14. package/dist/cjs/constants/publish.js +3 -5
  15. package/dist/cjs/constants/publish.js.map +1 -1
  16. package/dist/esm/components/app-wrapper/AppWrapper.js +0 -5
  17. package/dist/esm/components/app-wrapper/AppWrapper.js.map +1 -1
  18. package/dist/esm/components/confirm-modal/ConfirmModal.d.ts +1 -0
  19. package/dist/esm/components/confirm-modal/ConfirmModal.js +7 -1
  20. package/dist/esm/components/confirm-modal/ConfirmModal.js.map +1 -1
  21. package/dist/esm/components/header/Header.js +2 -2
  22. package/dist/esm/components/header/Header.js.map +1 -1
  23. package/dist/esm/components/publish-wizard/publish/EmailWorkflow.js +14 -43
  24. package/dist/esm/components/publish-wizard/publish/EmailWorkflow.js.map +1 -1
  25. package/dist/esm/constants/copy.d.ts +1 -1
  26. package/dist/esm/constants/copy.js +1 -1
  27. package/dist/esm/constants/copy.js.map +1 -1
  28. package/dist/esm/constants/publish.d.ts +0 -3
  29. package/dist/esm/constants/publish.js +2 -4
  30. package/dist/esm/constants/publish.js.map +1 -1
  31. package/package.json +1 -1
  32. package/src/components/app-wrapper/AppWrapper.tsx +0 -6
  33. package/src/components/confirm-modal/ConfirmModal.tsx +15 -6
  34. package/src/components/header/Header.tsx +2 -2
  35. package/src/components/publish-wizard/publish/EmailWorkflow.tsx +24 -66
  36. package/src/constants/copy.ts +1 -1
  37. package/src/constants/publish.ts +2 -7
  38. package/dist/cjs/components/app-wrapper/AppWrapperV2.d.ts +0 -26
  39. package/dist/cjs/components/app-wrapper/AppWrapperV2.js +0 -266
  40. package/dist/cjs/components/app-wrapper/AppWrapperV2.js.map +0 -1
  41. package/dist/cjs/components/app-wrapper/AppWrapperV3.d.ts +0 -19
  42. package/dist/cjs/components/app-wrapper/AppWrapperV3.js +0 -195
  43. package/dist/cjs/components/app-wrapper/AppWrapperV3.js.map +0 -1
  44. package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.d.ts +0 -27
  45. package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.js +0 -243
  46. package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.js.map +0 -1
  47. package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.d.ts +0 -28
  48. package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.js +0 -255
  49. package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.js.map +0 -1
  50. package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.d.ts +0 -27
  51. package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.js +0 -243
  52. package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.js.map +0 -1
  53. package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.d.ts +0 -28
  54. package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.js +0 -251
  55. package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.js.map +0 -1
  56. package/dist/cjs/components/error-message-preview/ErrorMessagePreview.d.ts +0 -15
  57. package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js +0 -91
  58. package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js.map +0 -1
  59. package/dist/cjs/components/header/Header_BACKUP_73021.d.ts +0 -33
  60. package/dist/cjs/components/header/Header_BACKUP_73021.js +0 -393
  61. package/dist/cjs/components/header/Header_BACKUP_73021.js.map +0 -1
  62. package/dist/cjs/components/header/Header_BASE_73021.d.ts +0 -29
  63. package/dist/cjs/components/header/Header_BASE_73021.js +0 -376
  64. package/dist/cjs/components/header/Header_BASE_73021.js.map +0 -1
  65. package/dist/cjs/components/header/Header_LOCAL_73021.d.ts +0 -33
  66. package/dist/cjs/components/header/Header_LOCAL_73021.js +0 -382
  67. package/dist/cjs/components/header/Header_LOCAL_73021.js.map +0 -1
  68. package/dist/cjs/components/header/Header_REMOTE_73021.d.ts +0 -30
  69. package/dist/cjs/components/header/Header_REMOTE_73021.js +0 -386
  70. package/dist/cjs/components/header/Header_REMOTE_73021.js.map +0 -1
  71. package/dist/cjs/components/header/StoryDropdown.d.ts +0 -6
  72. package/dist/cjs/components/header/StoryDropdown.js +0 -111
  73. package/dist/cjs/components/header/StoryDropdown.js.map +0 -1
  74. package/dist/esm/components/app-wrapper/AppWrapperV2.d.ts +0 -26
  75. package/dist/esm/components/app-wrapper/AppWrapperV2.js +0 -142
  76. package/dist/esm/components/app-wrapper/AppWrapperV2.js.map +0 -1
  77. package/dist/esm/components/app-wrapper/AppWrapperV3.d.ts +0 -19
  78. package/dist/esm/components/app-wrapper/AppWrapperV3.js +0 -88
  79. package/dist/esm/components/app-wrapper/AppWrapperV3.js.map +0 -1
  80. package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.d.ts +0 -27
  81. package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.js +0 -194
  82. package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.js.map +0 -1
  83. package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.d.ts +0 -28
  84. package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.js +0 -208
  85. package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.js.map +0 -1
  86. package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.d.ts +0 -27
  87. package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.js +0 -194
  88. package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.js.map +0 -1
  89. package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.d.ts +0 -28
  90. package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js +0 -204
  91. package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js.map +0 -1
  92. package/dist/esm/components/error-message-preview/ErrorMessagePreview.d.ts +0 -15
  93. package/dist/esm/components/error-message-preview/ErrorMessagePreview.js +0 -35
  94. package/dist/esm/components/error-message-preview/ErrorMessagePreview.js.map +0 -1
  95. package/dist/esm/components/header/Header_BACKUP_73021.d.ts +0 -33
  96. package/dist/esm/components/header/Header_BACKUP_73021.js +0 -336
  97. package/dist/esm/components/header/Header_BACKUP_73021.js.map +0 -1
  98. package/dist/esm/components/header/Header_BASE_73021.d.ts +0 -29
  99. package/dist/esm/components/header/Header_BASE_73021.js +0 -322
  100. package/dist/esm/components/header/Header_BASE_73021.js.map +0 -1
  101. package/dist/esm/components/header/Header_LOCAL_73021.d.ts +0 -33
  102. package/dist/esm/components/header/Header_LOCAL_73021.js +0 -328
  103. package/dist/esm/components/header/Header_LOCAL_73021.js.map +0 -1
  104. package/dist/esm/components/header/Header_REMOTE_73021.d.ts +0 -30
  105. package/dist/esm/components/header/Header_REMOTE_73021.js +0 -329
  106. package/dist/esm/components/header/Header_REMOTE_73021.js.map +0 -1
  107. package/dist/esm/components/header/StoryDropdown.d.ts +0 -6
  108. package/dist/esm/components/header/StoryDropdown.js +0 -82
  109. package/dist/esm/components/header/StoryDropdown.js.map +0 -1
@@ -12,13 +12,7 @@ import { connect } from 'react-redux';
12
12
  import SelectField from '../../select-field/SelectField';
13
13
  import { updateAssociation, getBatch, setPage } from '../../../redux/actions/active-batch';
14
14
  import TextField from '../../text-field/TextField';
15
- import {
16
- ADSTUDIO_POST_RENDER_ACTION,
17
- ASSET_NAME_VAR,
18
- ASSETS_POST_RENDER_ACTION,
19
- CRM_PLACEMENT_VARS
20
- } from '../../../constants/publish';
21
- import CheckboxField from '../../checkbox-field/CheckboxField';
15
+ import { CRM_PLACEMENT_VARS } from '../../../constants/publish';
22
16
 
23
17
  interface IEmailWorkflowProps {
24
18
  story: any;
@@ -75,12 +69,12 @@ interface IEmailWorkflowProps {
75
69
  onNext: (val: boolean) => void;
76
70
  next: boolean;
77
71
  isCrM: boolean;
78
- isCrMAsset?: boolean;
79
72
  }
80
73
 
81
74
  interface CrMOverrides {
82
75
  creative_id: string;
83
76
  creative_library_id: string;
77
+ notification_email: string;
84
78
  placement_type: string;
85
79
  }
86
80
 
@@ -130,6 +124,7 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
130
124
  creativeManagerOverrides: {
131
125
  creative_id: '',
132
126
  creative_library_id: '',
127
+ notification_email: '',
133
128
  placement_type: 'crm-adstudio'
134
129
  },
135
130
  waitingForPublish: false,
@@ -271,8 +266,6 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
271
266
  const { name } = this.props.story;
272
267
  const { isCrM } = this.props;
273
268
  const { inventory, inventoryKeys } = this.state;
274
- const uploadAsAssets =
275
- this.state.creativeManagerOverrides.placement_type === ASSETS_POST_RENDER_ACTION;
276
269
 
277
270
  const maskConfig: any[] = inventoryKeys.map((currKey: string) => {
278
271
  let value = '';
@@ -295,27 +288,12 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
295
288
  });
296
289
 
297
290
  if (isCrM) {
298
- if (uploadAsAssets) {
299
- maskConfig.push(
300
- {
301
- id: ASSET_NAME_VAR,
302
- name: ASSET_NAME_VAR,
303
- show: true
304
- },
305
- {
306
- id: 'creative_library_id',
307
- name: 'creative_library_id',
308
- show: true
309
- }
310
- );
311
- } else {
312
- for (const id of CRM_PLACEMENT_VARS) {
313
- maskConfig.push({
314
- id,
315
- name: id,
316
- show: true
317
- });
318
- }
291
+ for (const id of CRM_PLACEMENT_VARS) {
292
+ maskConfig.push({
293
+ id,
294
+ name: id,
295
+ show: true
296
+ });
319
297
  }
320
298
  }
321
299
 
@@ -458,7 +436,12 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
458
436
  private getPostRenderActions() {
459
437
  const CrMUploadAction = { data: {} };
460
438
  const {
461
- creativeManagerOverrides: { placement_type, creative_id, creative_library_id }
439
+ creativeManagerOverrides: {
440
+ placement_type,
441
+ creative_id,
442
+ creative_library_id,
443
+ notification_email
444
+ }
462
445
  } = this.state;
463
446
 
464
447
  CrMUploadAction['type'] = placement_type;
@@ -468,6 +451,9 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
468
451
  if (creative_library_id) {
469
452
  CrMUploadAction.data['creative_library_id'] = creative_library_id;
470
453
  }
454
+ if (notification_email) {
455
+ CrMUploadAction.data['notification_email'] = notification_email;
456
+ }
471
457
 
472
458
  return [CrMUploadAction];
473
459
  }
@@ -925,8 +911,10 @@ const CrMOptions: React.FC<ICrMOptionsProps> = ({ options, onChange, errorCopy =
925
911
  </div>
926
912
  ) : null;
927
913
 
928
- const standardInterface = (
914
+ return (
929
915
  <>
916
+ <HRule />
917
+ <br />
930
918
  <h2>{copy.publish.crmPlacement}</h2>
931
919
  <p>{copy.publish.crmData}</p>
932
920
  {e}
@@ -945,44 +933,14 @@ const CrMOptions: React.FC<ICrMOptionsProps> = ({ options, onChange, errorCopy =
945
933
  value={options.creative_id}
946
934
  onChange={(v) => onInputChange('creative_id', v)}
947
935
  />
948
- </>
949
- );
950
-
951
- const assetInterface = (
952
- <>
953
- <h2>{copy.publish.crmPlacement}</h2>
954
- <p>{copy.publish.crmData}</p>
955
- {e}
956
- <br />
957
936
  <TextField
958
937
  width={'33%'}
959
938
  labelPosition='top'
960
- label={copy.publish.creativeLibraryId}
961
- value={options.creative_library_id}
962
- onChange={(v) => onInputChange('creative_library_id', v)}
939
+ label={copy.publish.email}
940
+ value={options.notification_email}
941
+ onChange={(v) => onInputChange('notification_email', v)}
963
942
  />
964
- </>
965
- );
966
- return (
967
- <>
968
- <HRule />
969
943
  <br />
970
- {options['placement_type'] === ASSETS_POST_RENDER_ACTION
971
- ? assetInterface
972
- : standardInterface}
973
- <br />
974
- <HRule />
975
- <CheckboxField
976
- value={options['placement_type'] === ASSETS_POST_RENDER_ACTION ? true : false}
977
- label={copy.publish.uploadAsAssets}
978
- onChange={(v) => {
979
- if (v === false) {
980
- onInputChange('placement_type', ADSTUDIO_POST_RENDER_ACTION);
981
- } else {
982
- onInputChange('placement_type', ASSETS_POST_RENDER_ACTION);
983
- }
984
- }}
985
- />
986
944
  <HRule />
987
945
  </>
988
946
  );
@@ -123,7 +123,6 @@ export const compositions = {
123
123
  };
124
124
 
125
125
  export const publish = {
126
- uploadAsAssets: 'Upload as Assets',
127
126
  noVariablesError:
128
127
  'No variables found on the project. Cannot proceed with publishing to Creative Manager until at least one variable is added to the project.',
129
128
  publishInProgress: 'Publish to Creative Manager in progress',
@@ -131,6 +130,7 @@ export const publish = {
131
130
  btnCrM: 'Creative Manager',
132
131
  creativeLibraryId: 'Creative Library ID',
133
132
  creativeId: 'Creative ID',
133
+ email: 'Notification Email',
134
134
  missingFields: 'Please provide the missing fields and try again!',
135
135
  crmPlacement: 'Creative Manager Placement Variables',
136
136
  crmData: `If your CSV batch data doesn't contain the required Creative Manager placement variables, or you would like to override them, enter the values below before you upload the batch data.`,
@@ -14,16 +14,11 @@ export const CRM_PLACEMENT_OPTIONS = [
14
14
  }
15
15
  ];
16
16
 
17
- export const ASSET_NAME_VAR = 'asset-name';
18
-
19
17
  export const CRM_PLACEMENT_VARS = [
20
18
  'creative_library_id',
21
19
  'creative_id',
22
20
  'version-name',
23
21
  'version-id',
24
- 'clickTag1'
22
+ 'clickTag1',
23
+ 'notificiaton_email'
25
24
  ];
26
-
27
- export const ADSTUDIO_POST_RENDER_ACTION = 'crm-adstudio';
28
-
29
- export const ASSETS_POST_RENDER_ACTION = 'crm-asset';
@@ -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;