@elliemae/pui-app-sdk 4.12.0-beta.3 → 4.12.0-beta.4

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 (7) hide show
  1. package/dist/cjs/index.js +4 -0
  2. package/dist/cjs/view/wait-message/index.js +14 -40
  3. package/dist/esm/index.js +4 -0
  4. package/dist/esm/view/wait-message/index.js +15 -31
  5. package/dist/types/lib/index.d.ts +2 -0
  6. package/dist/types/lib/view/wait-message/index.d.ts +2 -8
  7. package/package.json +34 -32
package/dist/cjs/index.js CHANGED
@@ -71,6 +71,8 @@ __export(lib_exports, {
71
71
  WaitMessage: () => import_wait_message.WaitMessage,
72
72
  ariaLive: () => import_live_message.actions,
73
73
  auth: () => import_actions.auth,
74
+ authReducer: () => import_reducer.authReducer,
75
+ authSaga: () => import_auth2.authentication,
74
76
  authorize: () => import_auth.authorize,
75
77
  configureStore: () => import_store.createAppStore,
76
78
  createManager: () => import_redux_injectors.createManager,
@@ -144,6 +146,8 @@ var import_baseQuery = require("./communication/http-client/baseQuery.js");
144
146
  var import_response_interceptor = require("./communication/http-client/response-interceptor.js");
145
147
  var import_actions = require("./data/auth/actions.js");
146
148
  var import_require_auth = require("./view/require-auth.js");
149
+ var import_auth2 = require("./sideeffect/auth/index.js");
150
+ var import_reducer = require("./data/auth/reducer.js");
147
151
  var import_page = require("./view/page.js");
148
152
  var import_constants = __toESM(require("./utils/constants.js"));
149
153
  var import_redux_injectors = require("redux-injectors");
package/dist/cjs/view/wait-message/index.js CHANGED
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
- var __create = Object.create;
3
2
  var __defProp = Object.defineProperty;
4
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
5
  var __hasOwnProp = Object.prototype.hasOwnProperty;
8
6
  var __export = (target, all) => {
9
7
  for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
17
15
  }
18
16
  return to;
19
17
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
18
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
19
  var wait_message_exports = {};
30
20
  __export(wait_message_exports, {
@@ -33,25 +23,14 @@ __export(wait_message_exports, {
33
23
  module.exports = __toCommonJS(wait_message_exports);
34
24
  var import_jsx_runtime = require("react/jsx-runtime");
35
25
  var import_react = require("react");
36
- var import_styled_components = __toESM(require("styled-components"));
37
- var import_ds_backdrop = require("@elliemae/ds-backdrop");
38
- var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
26
+ var import_ds_loading_indicator = require("@elliemae/ds-loading-indicator");
39
27
  var import_react2 = require("../../data/react.js");
40
28
  var import_use_html_wait_message = require("./use-html-wait-message.js");
41
29
  var import_user_wait_event = require("../../analytics/user-wait-event.js");
42
- const StyledCircularIndicator = (0, import_styled_components.default)(import_ds_circular_progress_indicator.DSCircularIndeterminateIndicator)`
43
- position: absolute;
44
- left: 50%;
45
- top: 50%;
46
- transform: translate(-50%, -50%);
47
- `;
48
30
  const WaitMessage = (0, import_react.memo)(
49
31
  ({
50
- size = "xl",
51
- color = "light",
52
- showText = true,
53
- withTooltip = false,
54
- tooltipStartPlacementPreference = "center",
32
+ size = "m",
33
+ style = { color: "white", fontSize: "1.25rem" },
55
34
  ...rest
56
35
  }) => {
57
36
  const isOpen = (0, import_react2.useAppSelector)((state) => state.waitMessage?.isOpen);
@@ -63,21 +42,16 @@ const WaitMessage = (0, import_react.memo)(
63
42
  (0, import_user_wait_event.waitEndEvent)();
64
43
  }, [isOpen]);
65
44
  (0, import_use_html_wait_message.useHTMLWaitMessage)(isOpen !== null);
66
- return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
67
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_backdrop.DSBackdrop, {}),
68
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
69
- StyledCircularIndicator,
70
- {
71
- id: "em-loading",
72
- size,
73
- color,
74
- showText,
75
- withTooltip,
76
- tooltipStartPlacementPreference,
77
- ...rest,
78
- text: message
79
- }
80
- )
81
- ] }) : null;
45
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
46
+ import_ds_loading_indicator.DSLoadingIndicator,
47
+ {
48
+ id: "em-loading",
49
+ size,
50
+ style,
51
+ ...rest,
52
+ loading: isOpen,
53
+ message
54
+ }
55
+ );
82
56
  }
83
57
  );
package/dist/esm/index.js CHANGED
@@ -7,6 +7,8 @@ import { sdkBaseQuery } from "./communication/http-client/baseQuery.js";
7
7
  import { onAuthorizationFailure } from "./communication/http-client/response-interceptor.js";
8
8
  import { auth } from "./data/auth/actions.js";
9
9
  import { RequireAuth } from "./view/require-auth.js";
10
+ import { authentication } from "./sideeffect/auth/index.js";
11
+ import { authReducer } from "./data/auth/reducer.js";
10
12
  import { Page } from "./view/page.js";
11
13
  import { default as default2 } from "./utils/constants.js";
12
14
  import {
@@ -163,6 +165,8 @@ export {
163
165
  WaitMessage,
164
166
  actions as ariaLive,
165
167
  auth,
168
+ authReducer,
169
+ authentication as authSaga,
166
170
  authorize,
167
171
  createAppStore as configureStore,
168
172
  createManager,
package/dist/esm/view/wait-message/index.js CHANGED
@@ -1,27 +1,16 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsx } from "react/jsx-runtime";
2
2
  import { memo, useEffect } from "react";
3
- import styled from "styled-components";
4
- import { DSBackdrop } from "@elliemae/ds-backdrop";
5
- import { DSCircularIndeterminateIndicator } from "@elliemae/ds-circular-progress-indicator";
3
+ import { DSLoadingIndicator } from "@elliemae/ds-loading-indicator";
6
4
  import { useAppSelector } from "../../data/react.js";
7
5
  import { useHTMLWaitMessage } from "./use-html-wait-message.js";
8
6
  import {
9
7
  waitStartEvent,
10
8
  waitEndEvent
11
9
  } from "../../analytics/user-wait-event.js";
12
- const StyledCircularIndicator = styled(DSCircularIndeterminateIndicator)`
13
- position: absolute;
14
- left: 50%;
15
- top: 50%;
16
- transform: translate(-50%, -50%);
17
- `;
18
10
  const WaitMessage = memo(
19
11
  ({
20
- size = "xl",
21
- color = "light",
22
- showText = true,
23
- withTooltip = false,
24
- tooltipStartPlacementPreference = "center",
12
+ size = "m",
13
+ style = { color: "white", fontSize: "1.25rem" },
25
14
  ...rest
26
15
  }) => {
27
16
  const isOpen = useAppSelector((state) => state.waitMessage?.isOpen);
@@ -33,22 +22,17 @@ const WaitMessage = memo(
33
22
  waitEndEvent();
34
23
  }, [isOpen]);
35
24
  useHTMLWaitMessage(isOpen !== null);
36
- return isOpen ? /* @__PURE__ */ jsxs(Fragment, { children: [
37
- /* @__PURE__ */ jsx(DSBackdrop, {}),
38
- /* @__PURE__ */ jsx(
39
- StyledCircularIndicator,
40
- {
41
- id: "em-loading",
42
- size,
43
- color,
44
- showText,
45
- withTooltip,
46
- tooltipStartPlacementPreference,
47
- ...rest,
48
- text: message
49
- }
50
- )
51
- ] }) : null;
25
+ return /* @__PURE__ */ jsx(
26
+ DSLoadingIndicator,
27
+ {
28
+ id: "em-loading",
29
+ size,
30
+ style,
31
+ ...rest,
32
+ loading: isOpen,
33
+ message
34
+ }
35
+ );
52
36
  }
53
37
  );
54
38
  export {
package/dist/types/lib/index.d.ts CHANGED
@@ -4,6 +4,8 @@ export { sdkBaseQuery } from './communication/http-client/baseQuery.js';
4
4
  export { onAuthorizationFailure } from './communication/http-client/response-interceptor.js';
5
5
  export { auth } from './data/auth/actions.js';
6
6
  export { RequireAuth } from './view/require-auth.js';
7
+ export { authentication as authSaga } from './sideeffect/auth/index.js';
8
+ export { authReducer } from './data/auth/reducer.js';
7
9
  export { Page } from './view/page.js';
8
10
  export { default as globalConstants } from './utils/constants.js';
9
11
  export { useInjectReducer, useInjectSaga, createManager, } from 'redux-injectors';
package/dist/types/lib/view/wait-message/index.d.ts CHANGED
@@ -1,13 +1,7 @@
1
1
  /// <reference types="react" />
2
- import { DSCircularIndeterminateIndicator } from '@elliemae/ds-circular-progress-indicator';
3
- type CircularIndicatorProps = React.ComponentProps<typeof DSCircularIndeterminateIndicator>;
4
2
  export interface WaitMessageProps {
5
- size?: CircularIndicatorProps['size'];
6
- color?: CircularIndicatorProps['color'];
7
- showText?: CircularIndicatorProps['showText'];
8
- withTooltip?: CircularIndicatorProps['withTooltip'];
9
- tooltipStartPlacementPreference?: CircularIndicatorProps['tooltipStartPlacementPreference'];
3
+ size?: string;
4
+ style?: React.CSSProperties;
10
5
  [x: string]: any;
11
6
  }
12
7
  export declare const WaitMessage: import("react").NamedExoticComponent<WaitMessageProps>;
13
- export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/pui-app-sdk",
3
- "version": "4.12.0-beta.3",
3
+ "version": "4.12.0-beta.4",
4
4
  "description": "ICE MT UI Platform Application SDK ",
5
5
  "sideEffects": [
6
6
  "*.css",
@@ -112,51 +112,53 @@
112
112
  },
113
113
  "peerDependencies": {
114
114
  "@elliemae/app-react-dependencies": "^4.6.1",
115
- "@elliemae/ds-backdrop": "^3.13.1",
116
- "@elliemae/ds-basic": "^3.13.1",
117
- "@elliemae/ds-button": "^3.13.1",
118
- "@elliemae/ds-circular-progress-indicator": "^3.13.1",
119
- "@elliemae/ds-controlled-form": "^3.13.1",
120
- "@elliemae/ds-date-picker": "^3.13.1",
121
- "@elliemae/ds-date-range-picker": "^3.13.1",
122
- "@elliemae/ds-dialog": "^3.13.1",
123
- "@elliemae/ds-form": "^3.13.1",
124
- "@elliemae/ds-form-layout-blocks": "^3.13.1",
125
- "@elliemae/ds-grid": "^3.13.1",
126
- "@elliemae/ds-modal": "^3.13.1",
127
- "@elliemae/ds-popperjs": "^3.13.1",
128
- "@elliemae/ds-toast": "^3.13.1",
115
+ "@elliemae/ds-backdrop": "^3.13.2",
116
+ "@elliemae/ds-basic": "^3.13.2",
117
+ "@elliemae/ds-button": "^3.13.2",
118
+ "@elliemae/ds-circular-progress-indicator": "^3.13.2",
119
+ "@elliemae/ds-controlled-form": "^3.13.2",
120
+ "@elliemae/ds-date-picker": "^3.13.2",
121
+ "@elliemae/ds-date-range-picker": "^3.13.2",
122
+ "@elliemae/ds-dialog": "^3.13.2",
123
+ "@elliemae/ds-form": "^3.13.2",
124
+ "@elliemae/ds-form-layout-blocks": "^3.13.2",
125
+ "@elliemae/ds-grid": "^3.13.2",
126
+ "@elliemae/ds-loading-indicator": "^3.13.2",
127
+ "@elliemae/ds-modal": "^3.13.2",
128
+ "@elliemae/ds-popperjs": "^3.13.2",
129
+ "@elliemae/ds-toast": "^3.13.2",
129
130
  "@elliemae/em-ssf-guest": "^1.11.2",
130
131
  "@elliemae/pui-diagnostics": "^2.7.5",
131
132
  "@elliemae/pui-micro-frontend-base": "^1.14.0",
132
- "@elliemae/pui-scripting-object": "^1.18.2",
133
+ "@elliemae/pui-scripting-object": "^1.19.0",
133
134
  "@elliemae/pui-theme": "^2.6.0",
134
135
  "@elliemae/pui-user-monitoring": "^1.18.1"
135
136
  },
136
137
  "devDependencies": {
137
138
  "@elliemae/app-react-dependencies": "~4.6.1",
138
139
  "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.6.0",
139
- "@elliemae/ds-backdrop": "~3.13.1",
140
- "@elliemae/ds-basic": "~3.13.1",
141
- "@elliemae/ds-button": "~3.13.1",
142
- "@elliemae/ds-circular-progress-indicator": "~3.13.1",
143
- "@elliemae/ds-controlled-form": "~3.13.1",
144
- "@elliemae/ds-date-picker": "~3.13.1",
145
- "@elliemae/ds-date-range-picker": "~3.13.1",
146
- "@elliemae/ds-dialog": "~3.13.1",
147
- "@elliemae/ds-form": "~3.13.1",
148
- "@elliemae/ds-form-layout-blocks": "~3.13.1",
149
- "@elliemae/ds-grid": "~3.13.1",
150
- "@elliemae/ds-modal": "~3.13.1",
151
- "@elliemae/ds-popperjs": "~3.13.1",
152
- "@elliemae/ds-toast": "~3.13.1",
140
+ "@elliemae/ds-backdrop": "~3.13.2",
141
+ "@elliemae/ds-basic": "~3.13.2",
142
+ "@elliemae/ds-button": "~3.13.2",
143
+ "@elliemae/ds-circular-progress-indicator": "~3.13.2",
144
+ "@elliemae/ds-controlled-form": "~3.13.2",
145
+ "@elliemae/ds-date-picker": "~3.13.2",
146
+ "@elliemae/ds-date-range-picker": "~3.13.2",
147
+ "@elliemae/ds-dialog": "~3.13.2",
148
+ "@elliemae/ds-form": "~3.13.2",
149
+ "@elliemae/ds-form-layout-blocks": "~3.13.2",
150
+ "@elliemae/ds-grid": "~3.13.2",
151
+ "@elliemae/ds-loading-indicator": "~3.13.2",
152
+ "@elliemae/ds-modal": "~3.13.2",
153
+ "@elliemae/ds-popperjs": "~3.13.2",
154
+ "@elliemae/ds-toast": "~3.13.2",
153
155
  "@elliemae/em-ssf-guest": "~1.11.2",
154
- "@elliemae/pui-cli": "~7.26.3",
156
+ "@elliemae/pui-cli": "~7.27.1",
155
157
  "@elliemae/pui-diagnostics": "~2.7.5",
156
158
  "@elliemae/pui-doc-gen": "~1.4.1",
157
159
  "@elliemae/pui-e2e-test-sdk": "~7.7.1",
158
160
  "@elliemae/pui-micro-frontend-base": "~1.14.0",
159
- "@elliemae/pui-scripting-object": "~1.18.2",
161
+ "@elliemae/pui-scripting-object": "~1.19.0",
160
162
  "@elliemae/pui-theme": "~2.6.0",
161
163
  "@elliemae/pui-user-monitoring": "~1.18.1",
162
164
  "@types/react-aria-live": "~2.0.2"