@copart/ops-tool-kit 1.7.6-aphla.0 → 1.7.6
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.
- package/README.md +11 -11
- package/bin/cli.js +19 -19
- package/changelog.md +40 -0
- package/dist/ops-tool-kit.js +46 -37
- package/dist/ops-tool-kit.js.map +1 -1
- package/package.json +107 -107
package/README.md
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
# @copart/ops-tool-kit
|
|
2
|
-
|
|
3
|
-
```js
|
|
4
|
-
import { AppFrame } from '@copart/ops-tool-kit'
|
|
5
|
-
|
|
6
|
-
<AppFrame>
|
|
7
|
-
{/* Your app here. */}
|
|
8
|
-
</AppFrame>
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Note: Be sure to have APPLICATION_NAME and PROFILES environment variables set.
|
|
1
|
+
# @copart/ops-tool-kit
|
|
2
|
+
|
|
3
|
+
```js
|
|
4
|
+
import { AppFrame } from '@copart/ops-tool-kit'
|
|
5
|
+
|
|
6
|
+
<AppFrame>
|
|
7
|
+
{/* Your app here. */}
|
|
8
|
+
</AppFrame>
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
Note: Be sure to have APPLICATION_NAME and PROFILES environment variables set.
|
package/bin/cli.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
const fs = require('fs')
|
|
2
|
-
const parseArgs = require('minimist')
|
|
3
|
-
const pkg = require(`${process.cwd()}/package.json`)
|
|
4
|
-
|
|
5
|
-
const args = parseArgs(process.argv.slice(2))
|
|
6
|
-
const destination = args.destination || './public/meta.json'
|
|
7
|
-
const filename = destination.match(/[^\\/]+$/)[0]
|
|
8
|
-
|
|
9
|
-
const jsonData = JSON.stringify({
|
|
10
|
-
version: pkg.version,
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
fs.writeFile(destination, jsonData, (err) => {
|
|
14
|
-
if (err) {
|
|
15
|
-
console.log(`An error occured while writing JSON Object to ${filename}`)
|
|
16
|
-
return console.log(err)
|
|
17
|
-
}
|
|
18
|
-
console.log(`${filename} file has been saved with latest version number`)
|
|
19
|
-
})
|
|
1
|
+
const fs = require('fs')
|
|
2
|
+
const parseArgs = require('minimist')
|
|
3
|
+
const pkg = require(`${process.cwd()}/package.json`)
|
|
4
|
+
|
|
5
|
+
const args = parseArgs(process.argv.slice(2))
|
|
6
|
+
const destination = args.destination || './public/meta.json'
|
|
7
|
+
const filename = destination.match(/[^\\/]+$/)[0]
|
|
8
|
+
|
|
9
|
+
const jsonData = JSON.stringify({
|
|
10
|
+
version: pkg.version,
|
|
11
|
+
})
|
|
12
|
+
|
|
13
|
+
fs.writeFile(destination, jsonData, (err) => {
|
|
14
|
+
if (err) {
|
|
15
|
+
console.log(`An error occured while writing JSON Object to ${filename}`)
|
|
16
|
+
return console.log(err)
|
|
17
|
+
}
|
|
18
|
+
console.log(`${filename} file has been saved with latest version number`)
|
|
19
|
+
})
|
package/changelog.md
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
### 0.5.44
|
|
2
|
+
|
|
3
|
+
- Fixed missing yardNumber in AppBar.
|
|
4
|
+
|
|
5
|
+
### 0.5.43
|
|
6
|
+
|
|
7
|
+
- Added support for Seller tile.
|
|
8
|
+
|
|
9
|
+
### 0.5.42
|
|
10
|
+
|
|
11
|
+
- Fixed issues with "Home" breadcrumb rendering when logged out.
|
|
12
|
+
- Removed unused files and functions, cleaned storage utility.
|
|
13
|
+
|
|
14
|
+
### 0.5.1
|
|
15
|
+
|
|
16
|
+
- Changes to fetcher.extend to unblock ProQuote.
|
|
17
|
+
|
|
18
|
+
### 0.5.0
|
|
19
|
+
|
|
20
|
+
- Added feedback logic to fetcher.
|
|
21
|
+
|
|
22
|
+
### 0.4.0
|
|
23
|
+
|
|
24
|
+
- Added fetcher handling for `invalid
|
|
25
|
+
|
|
26
|
+
### 0.3.16
|
|
27
|
+
|
|
28
|
+
- Updated solr handling in fetcher.
|
|
29
|
+
|
|
30
|
+
### 0.3.15
|
|
31
|
+
|
|
32
|
+
- Fixed breadcrumb styling.
|
|
33
|
+
|
|
34
|
+
### 0.3.12
|
|
35
|
+
|
|
36
|
+
- Fixed Home breadcrumb.
|
|
37
|
+
|
|
38
|
+
### 0.0.53
|
|
39
|
+
|
|
40
|
+
- Added getters for convenience.
|
package/dist/ops-tool-kit.js
CHANGED
|
@@ -33,7 +33,7 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
|
|
|
33
33
|
var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
|
|
34
34
|
|
|
35
35
|
const name$e = "@copart/ops-tool-kit";
|
|
36
|
-
const version$3 = "1.7.6
|
|
36
|
+
const version$3 = "1.7.6";
|
|
37
37
|
const main = "dist/ops-tool-kit.js";
|
|
38
38
|
const style = "dist/ops-tool-kit.css";
|
|
39
39
|
const files = [
|
|
@@ -231,10 +231,10 @@ function styleInject(css, ref) {
|
|
|
231
231
|
}
|
|
232
232
|
}
|
|
233
233
|
|
|
234
|
-
var css_248z$i = ":root {\
|
|
234
|
+
var css_248z$i = ":root {\n --mainFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\n --primaryFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\n\n --white: #ffffff;\n --gray: #f1f1f1;\n --grey: #f1f1f1;\n --black: #000000;\n --blue: #1d5ab9;\n --blueDark: #0b2854;\n --red: #ee2727;\n --green: #7dc033;\n --greenDark: #64b50a;\n --charcoal: #323742;\n --blue: #1d5ab9;\n --blueGrey: #8d9fb1;\n --lightBlue: #a3d1ff;\n --veryLightBlue: #f2f7ff;\n --lightBlueGrey: #d6dfe8;\n --paleGrey: #ecf0f1;\n --lightGrey: #f1f1f1;\n --copartBlue: #1d5ab9;\n\n --primaryBlue: rgb(12, 92, 184);\n --primaryBlue0: rgb(11, 81, 161);\n --primaryBlue1: rgba(12, 92, 184, 0.2);\n --primaryBlue2: rgba(12, 92, 184, 0.4);\n --primaryBlue3: rgba(12, 92, 184, 0.6);\n --primaryBlue4: rgba(12, 92, 184, 0.8);\n\n --secondaryBlue: rgb(74, 144, 226);\n --secondaryBlue0: rgb(52, 122, 202);\n --secondaryBlue1: rgba(74, 144, 226, 0.2);\n --secondaryBlue2: rgba(74, 144, 226, 0.4);\n --secondaryBlue3: rgba(74, 144, 226, 0.6);\n --secondaryBlue4: rgba(74, 144, 226, 0.8);\n\n --darkBlue: rgb(29, 90, 185);\n --darkBlue1: rgba(29, 90, 185, 0.2);\n --darkBlue2: rgba(29, 90, 185, 0.4);\n --darkBlue3: rgba(29, 90, 185, 0.6);\n --darkBlue4: rgba(29, 90, 185, 0.8);\n\n --primaryRed: rgba(224, 26, 26, 1);\n --primaryRed0: rgb(201, 16, 16);\n --primaryRed1: rgba(224, 26, 26, 0.2);\n --primaryRed2: rgba(224, 26, 26, 0.4);\n --primaryRed3: rgba(224, 26, 26, 0.6);\n --primaryRed4: rgba(224, 26, 26, 0.8);\n\n --primaryOrange: rgba(253, 184, 39, 1);\n --primaryOrange0: rgb(236, 171, 29);\n --primaryOrange1: rgba(253, 184, 39, 0.2);\n --primaryOrange2: rgba(253, 184, 39, 0.4);\n --primaryOrange3: rgba(253, 184, 39, 0.6);\n --primaryOrange4: rgba(253, 184, 39, 0.8);\n\n --primaryGreen: rgba(29, 206, 109, 1);\n --primaryGreen0: rgb(27, 187, 99);\n --primaryGreen1: rgba(29, 206, 109, 0.2);\n --primaryGreen2: rgba(29, 206, 109, 0.4);\n --primaryGreen3: rgba(29, 206, 109, 0.6);\n --primaryGreen4: rgba(29, 206, 109, 0.8);\n}\n\ni.styles_index--fabric {\n font-style: normal;\n}\n";
|
|
235
235
|
styleInject(css_248z$i);
|
|
236
236
|
|
|
237
|
-
var css_248z$h = "* {\
|
|
237
|
+
var css_248z$h = "* {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: subpixel-antialiased;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n}\n\nhtml,\nhtml a {\n -webkit-font-smoothing: antialiased;\n}\n\n* {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n}\n\n:root {\n font-family: var(--mainFont);\n font-family: var(--mainFont);\n font-size: 16px;\n -webkit-font-smoothing: antialiased;\n}\n\nbody {\n overflow: hidden;\n font-size: 1rem;\n font-family: var(--mainFont);\n font-family: var(--mainFont);\n}\n\na:link,a:visited {\n color: inherit;\n text-decoration: none;\n}\n\na:-webkit-any-link {\n color: inherit;\n text-decoration: none;\n}\n\na:-moz-any-link {\n color: inherit;\n text-decoration: none;\n}\n\na:any-link {\n color: inherit;\n text-decoration: none;\n}\n\n.styles_reset--material-icons.styles_reset--md-18 {\n font-size: 18px;\n}\n.styles_reset--material-icons.styles_reset--md-24 {\n font-size: 24px;\n}\n.styles_reset--material-icons.styles_reset--md-28 {\n font-size: 28px;\n}\n.styles_reset--material-icons.styles_reset--md-36 {\n font-size: 36px;\n}\n.styles_reset--material-icons.styles_reset--md-48 {\n font-size: 48px;\n}\n";
|
|
238
238
|
styleInject(css_248z$h);
|
|
239
239
|
|
|
240
240
|
function _typeof(obj) {
|
|
@@ -2584,11 +2584,13 @@ function set$1(target, path, value, options) {
|
|
|
2584
2584
|
|
|
2585
2585
|
let opts = options || {};
|
|
2586
2586
|
const isArray = Array.isArray(path);
|
|
2587
|
+
|
|
2587
2588
|
if (!isArray && typeof path !== 'string') {
|
|
2588
2589
|
return target;
|
|
2589
2590
|
}
|
|
2590
2591
|
|
|
2591
2592
|
let merge = opts.merge;
|
|
2593
|
+
|
|
2592
2594
|
if (merge && typeof merge !== 'function') {
|
|
2593
2595
|
merge = Object.assign;
|
|
2594
2596
|
}
|
|
@@ -2631,8 +2633,7 @@ function result(target, path, value, merge) {
|
|
|
2631
2633
|
function split(path, options) {
|
|
2632
2634
|
const id = createKey(path, options);
|
|
2633
2635
|
if (set$1.memo[id]) return set$1.memo[id];
|
|
2634
|
-
|
|
2635
|
-
const char = (options && options.separator) ? options.separator : '.';
|
|
2636
|
+
const char = options && options.separator ? options.separator : '.';
|
|
2636
2637
|
let keys = [];
|
|
2637
2638
|
let res = [];
|
|
2638
2639
|
|
|
@@ -2644,25 +2645,32 @@ function split(path, options) {
|
|
|
2644
2645
|
|
|
2645
2646
|
for (let i = 0; i < keys.length; i++) {
|
|
2646
2647
|
let prop = keys[i];
|
|
2648
|
+
|
|
2647
2649
|
while (prop && prop.slice(-1) === '\\' && keys[i + 1]) {
|
|
2648
2650
|
prop = prop.slice(0, -1) + char + keys[++i];
|
|
2649
2651
|
}
|
|
2652
|
+
|
|
2650
2653
|
res.push(prop);
|
|
2651
2654
|
}
|
|
2655
|
+
|
|
2652
2656
|
set$1.memo[id] = res;
|
|
2653
2657
|
return res;
|
|
2654
2658
|
}
|
|
2655
2659
|
|
|
2656
2660
|
function createKey(pattern, options) {
|
|
2657
2661
|
let id = pattern;
|
|
2662
|
+
|
|
2658
2663
|
if (typeof options === 'undefined') {
|
|
2659
2664
|
return id + '';
|
|
2660
2665
|
}
|
|
2666
|
+
|
|
2661
2667
|
const keys = Object.keys(options);
|
|
2668
|
+
|
|
2662
2669
|
for (let i = 0; i < keys.length; i++) {
|
|
2663
2670
|
const key = keys[i];
|
|
2664
2671
|
id += ';' + key + '=' + String(options[key]);
|
|
2665
2672
|
}
|
|
2673
|
+
|
|
2666
2674
|
return id;
|
|
2667
2675
|
}
|
|
2668
2676
|
|
|
@@ -2961,7 +2969,7 @@ var DEFAULT_BREADCRUMBS_CONTEXT = {
|
|
|
2961
2969
|
error: 'You tried to use Breadcrumbs outside of its context.'
|
|
2962
2970
|
};
|
|
2963
2971
|
|
|
2964
|
-
var css_248z$g = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\
|
|
2972
|
+
var css_248z$g = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\n height: 36px;\n background: #3c4656;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\n display: flex;\n}\n\n#notCrumbs {\n height: 100%;\n margin-right: 12px;\n display: flex;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\n cursor: pointer;\n height: 100%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n color: rgba(242, 247, 255, 1);\n font-weight: 400;\n letter-spacing: 0.5px;\n margin-left: 3px;\n /* transition: all 0.2s; */\n text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);\n}\n\n@-webkit-keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-6px);\n transform: translateX(-6px);\n /* transform: scale(0.9); */\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n /* transform: scale(1); */\n }\n}\n\n@keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-6px);\n transform: translateX(-6px);\n /* transform: scale(0.9); */\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n /* transform: scale(1); */\n }\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:first-of-type) {\n -webkit-animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\n animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\n -webkit-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:first-of-type)::before {\n content: '\\E5CC';\n color: rgba(255, 255, 255, 0.70196);\n display: inline-block;\n font-family: 'Material Icons';\n font-size: 16px;\n margin-right: 4px;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:first-of-type {\n margin-left: 12px;\n font-weight: 400;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:hover {\n /* background: rgba(0, 0, 0, 0.15); */\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:last-of-type):not(:hover) {\n /* opacity: 0.75; */\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type {\n font-weight: 600;\n}\n\n/* .crumbSpacer {} */\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\n margin: 10px;\n flex-grow: 2;\n font-size: 14px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--notCrumbs {\n height: 100%;\n display: flex;\n margin-right: 0px !important;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--entityIndicator {\n height: 100%;\n display: flex;\n margin-right: 0px !important;\n}";
|
|
2965
2973
|
styleInject(css_248z$g);
|
|
2966
2974
|
|
|
2967
2975
|
var Context = createContext(DEFAULT_BREADCRUMBS_CONTEXT);
|
|
@@ -11220,7 +11228,7 @@ var getDomain = function getDomain(url) {
|
|
|
11220
11228
|
}
|
|
11221
11229
|
};
|
|
11222
11230
|
|
|
11223
|
-
var css_248z$f = ".utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--ConfigFetcher {\
|
|
11231
|
+
var css_248z$f = ".utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--ConfigFetcher {\n}\n\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner {\n margin: 80px 0 40px;\n width: 100%;\n height: 100%;\n}\n\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner * {\n width: 60px;\n height: 60px;\n}\n";
|
|
11224
11232
|
styleInject(css_248z$f);
|
|
11225
11233
|
|
|
11226
11234
|
var ConfigFetcher =
|
|
@@ -11308,7 +11316,10 @@ function (_React$Component) {
|
|
|
11308
11316
|
return this.state.gotConfig ? React__namespace.createElement("div", {
|
|
11309
11317
|
className: "fade-in",
|
|
11310
11318
|
style: {
|
|
11311
|
-
transition: 'all 3s'
|
|
11319
|
+
transition: 'all 3s',
|
|
11320
|
+
height: '100%',
|
|
11321
|
+
display: 'flex',
|
|
11322
|
+
flexFlow: 'column'
|
|
11312
11323
|
}
|
|
11313
11324
|
}, this.props.children) : React__namespace.createElement(coreComponents.Spinner, {
|
|
11314
11325
|
className: "utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner"
|
|
@@ -21916,7 +21927,7 @@ var generateFeedbackEmail = function generateFeedbackEmail(props) {
|
|
|
21916
21927
|
return "\n Feedback: ".concat(props.feedback, "\n <br/>\n Email: ").concat(props.email, "\n <br/>\n Url: ").concat(location.href, "\n <br/>\n Selected Yard: ").concat(props.selectedYard, "\n <br/>\n Home Yard: ").concat(props.homeYard, "\n <br/>\n User Agent: ").concat(navigator.userAgent, "\n <br/>\n <small><i>Sent from opsportal-core.</i></small>\n ");
|
|
21917
21928
|
}; // NOTE: Cloned from ops-portal repo.
|
|
21918
21929
|
|
|
21919
|
-
var css_248z$e = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\
|
|
21930
|
+
var css_248z$e = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\n color: #0d5db8;\n font-size: 15px;\n}\n";
|
|
21920
21931
|
styleInject(css_248z$e);
|
|
21921
21932
|
|
|
21922
21933
|
var FAQLink = function FAQLink() {
|
|
@@ -21931,7 +21942,7 @@ var FAQLink = function FAQLink() {
|
|
|
21931
21942
|
}, locale('FAQs'));
|
|
21932
21943
|
};
|
|
21933
21944
|
|
|
21934
|
-
var css_248z$d = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--FAQText {\
|
|
21945
|
+
var css_248z$d = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--FAQText {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--text {\n font-weight: bold;\n}\n";
|
|
21935
21946
|
styleInject(css_248z$d);
|
|
21936
21947
|
|
|
21937
21948
|
var FAQText = function FAQText() {
|
|
@@ -21942,7 +21953,7 @@ var FAQText = function FAQText() {
|
|
|
21942
21953
|
}, locale('Please see'), " ", React__namespace.createElement(FAQLink, null), " ", locale('for frequently asked questions')));
|
|
21943
21954
|
};
|
|
21944
21955
|
|
|
21945
|
-
var css_248z$c = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--emailInputBox {\
|
|
21956
|
+
var css_248z$c = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--emailInputBox {\n margin-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox {\n display: flex;\n margin-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox > div {\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:first-of-type {\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:nth-of-type(2) {\n margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackBox {\n margin-bottom: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--bottomBox {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-top: 25px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--FeedbackDialog .ms-Dialog-inner {\n height: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle {\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 40px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle > span > i {\n margin: 5px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackDialogContent {\n width: 60vw;\n max-width: 600px;\n padding: 10px 20px;\n}\n";
|
|
21946
21957
|
styleInject(css_248z$c);
|
|
21947
21958
|
|
|
21948
21959
|
var DialogTitle = function DialogTitle() {
|
|
@@ -22197,7 +22208,7 @@ FeedbackDialog.defaultProps = {
|
|
|
22197
22208
|
}
|
|
22198
22209
|
};
|
|
22199
22210
|
|
|
22200
|
-
var css_248z$b = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\
|
|
22211
|
+
var css_248z$b = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\n background-color: var(--blue);\n background-color: var(--blue);\n height: 64px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n white-space: nowrap;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\n display: flex;\n align-items: center;\n flex-direction: column;\n margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\n display: flex;\n flex-direction: column;\n margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\n color: white;\n font-size: 11px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n font-size: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\n display: flex;\n color: white;\n font-size: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\n color: white;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n width: 6rem;\n margin-top: 0rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\n margin-top: 0.6rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\n margin-top: 0.4rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\n margin-top: -0.2rem;\n margin-left: 2rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n display: inline;\n display: initial;\n}\n\n@font-face {\n font-family: 'Open Sans';\n font-style: italic;\n font-weight: 600;\n src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\n format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\n color: #fff;\n font-family: 'Open Sans', sans-serif;\n font-weight: 600;\n font-style: italic;\n font-size: 14px;\n position: relative;\n left: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\n display: flex;\n color: white;\n font-size: 13px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n margin-left: 10px;\n margin-right: 7px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n margin-left: 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\n color: white;\n cursor: default;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n background-color: white;\n border-radius: 20px;\n margin: 5px;\n padding: 0px 10px;\n height: 25px;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\n border: 1px solid #1d5ab9;\n justify-content: flex-start;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\n color: black;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n background-color: white;\n border-radius: 20px;\n display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\n color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\n color: red;\n margin: 5px 0px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\n margin-right: 5px;\n margin-left: 5px;\n width: 24px;\n height: 24px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\n margin-left: 5px;\n display: inline-flex;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\n font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\n line-height: unset;\n font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\n color: green;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n color: red;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\n margin-left: 10px !important;\n margin-right: 5px !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n margin-left: 10px !important;\n margin-right: 10px !important;\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n margin-left: 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\n margin: 0 !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\n cursor: pointer;\n position: relative;\n top: 2px;\n margin-left: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\n color: #fff;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\n position: absolute;\n display: flex;\n height: 100vh;\n width: 100vw;\n bottom: 0;\n z-index: 10000;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\n background-color: rgba(0,0,0,.5);\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 2px;\n right: 402px;\n height: 38px;\n width: 38px;\n background-color: white;\n z-index: 11000;\n cursor: pointer;\n}\n\n@media only screen and (max-width: 1024px) {\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n margin-right: 2px;\n }\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n margin-left: 5px;\n margin-right: 2px;\n }\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n margin-left: 2px;\n }\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\n margin-left: 3px !important;\n margin-right: 3px !important;\n }\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n margin-left: 3px !important;\n margin-right: 3px !important;\n }\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n margin-left: 2px;\n }\n}\n";
|
|
22201
22212
|
styleInject(css_248z$b);
|
|
22202
22213
|
|
|
22203
22214
|
var LogOutMenu = function LogOutMenu(_ref) {
|
|
@@ -22220,7 +22231,7 @@ var LogOutMenu = function LogOutMenu(_ref) {
|
|
|
22220
22231
|
}));
|
|
22221
22232
|
};
|
|
22222
22233
|
|
|
22223
|
-
var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo {\
|
|
22234
|
+
var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo {\n max-width: 80px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew {\n max-width: 120px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--logoLink {\n line-height: 0;\n}\n";
|
|
22224
22235
|
styleInject(css_248z$a);
|
|
22225
22236
|
|
|
22226
22237
|
var _styleModuleImportMap$6 = {
|
|
@@ -22257,7 +22268,7 @@ var Help = function Help(_ref) {
|
|
|
22257
22268
|
})));
|
|
22258
22269
|
};
|
|
22259
22270
|
|
|
22260
|
-
var css_248z$9 = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\
|
|
22271
|
+
var css_248z$9 = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\n /* TODO: Perfect the AppBar spacing. */\n margin-left: 7px !important;\n position: relative !important;\n top: 1px;\n cursor: pointer;\n}\n\nbutton.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton[type='button'] {\n /* materia-ui hack. */\n padding: 0 !important;\n}\n";
|
|
22261
22272
|
styleInject(css_248z$9);
|
|
22262
22273
|
|
|
22263
22274
|
var FeedbackButton = function FeedbackButton(props) {
|
|
@@ -22538,7 +22549,7 @@ var printerFields$1 = [_objectSpread2({}, defaultAutoSelectProps$1, {
|
|
|
22538
22549
|
label: 'Dot Matrix Printers'
|
|
22539
22550
|
})];
|
|
22540
22551
|
|
|
22541
|
-
var css_248z$8 = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\
|
|
22552
|
+
var css_248z$8 = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\n padding-right: 0px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-5 {\n width: 20%;\n}\n";
|
|
22542
22553
|
styleInject(css_248z$8);
|
|
22543
22554
|
|
|
22544
22555
|
// Properly populate printer options before feeding to autoselect
|
|
@@ -22688,7 +22699,7 @@ var getLanguages = function getLanguages() {
|
|
|
22688
22699
|
}[selectedCountry];
|
|
22689
22700
|
};
|
|
22690
22701
|
|
|
22691
|
-
var css_248z$7 = "/* Simple Grid */\r\n[class*='col-'] {\r\n float: left;\r\n min-height: 1px;\r\n padding-right: 10px; /* column-space */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n max-width: 1300px;\r\n min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */\r\n margin: 0 auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid:after {\r\n content: '';\r\n display: table;\r\n clear: both;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid-pad {\r\n padding-top: 20px;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-right {\r\n float: right;\r\n}\r\n\r\n/* Content Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1 {\r\n width: 100%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-8-12 {\r\n width: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-6-12 {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-12 {\r\n width: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-12 {\r\n width: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-5 {\r\n width: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-12 {\r\n width: 16.667%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-7 {\r\n width: 14.28%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-7 {\r\n width: 28.56%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-4 {\r\n width: 75%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-7 {\r\n width: 42.84%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-7 {\r\n width: 57.12%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-8 {\r\n width: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-9 {\r\n width: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-10 {\r\n width: 10%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-10 {\r\n width: 30%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-11 {\r\n width: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-12 {\r\n width: 8.33%;\r\n}\r\n\r\n/* Layout Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-11-12 {\r\n width: 91.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-10-12 {\r\n width: 83.333%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-9-12 {\r\n width: 75%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-5-12 {\r\n width: 41.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-7-12 {\r\n width: 58.33%;\r\n}\r\n\r\n/* Pushing blocks */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-8-12 {\r\n margin-left: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-6-12 {\r\n margin-left: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-4-12 {\r\n margin-left: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-3-12 {\r\n margin-left: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-5 {\r\n margin-left: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-12 {\r\n margin-left: 16.667%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-7 {\r\n margin-left: 14.28%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-8 {\r\n margin-left: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-9 {\r\n margin-left: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-10 {\r\n margin-left: 10%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-11 {\r\n margin-left: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-12 {\r\n margin-left: 8.33%;\r\n}\r\n\r\n@media handheld, only screen and (max-width: 767px) {\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n min-width: 0;\r\n margin-left: 0;\r\n margin-right: 0;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */\r\n }\r\n\r\n [class*='col-'] {\r\n width: auto;\r\n float: none;\r\n margin: 0;\r\n padding-left: 0;\r\n padding-right: 10px; /* column-space */\r\n }\r\n\r\n /* Mobile Layout */\r\n\r\n [class*='mobile-col-'] {\r\n float: left;\r\n margin: 0 0 10px;\r\n padding-left: 0;\r\n padding-right: 10px; /* column-space */\r\n padding-bottom: 0;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-1 {\r\n width: 100%;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-8-12 {\r\n width: 66.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-2,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-6-12 {\r\n width: 50%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-4-12 {\r\n width: 33.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-4,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-3-12 {\r\n width: 25%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-5 {\r\n width: 20%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-6,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-12 {\r\n width: 16.667%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-7 {\r\n width: 14.28%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-8 {\r\n width: 12.5%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-9 {\r\n width: 11.1%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-10 {\r\n width: 10%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-11 {\r\n width: 9.09%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-12 {\r\n width: 8.33%;\r\n }\r\n\r\n /* Layout Columns */\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-11-12 {\r\n width: 91.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-10-12 {\r\n width: 83.333%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-9-12 {\r\n width: 75%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-5-12 {\r\n width: 41.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-7-12 {\r\n width: 58.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--hide-on-mobile {\r\n display: none !important;\r\n width: 0;\r\n height: 0;\r\n }\r\n}\r\n\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--SettingsView {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 0 20px 20px;\r\n margin-top: 65px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm {\r\n width: 100%;\r\n max-width: 1300px;\r\n box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--header {\r\n width: 100%;\r\n height: 40px;\r\n padding: 0 15px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n align-items: center;\r\n background: var(--primaryBlue);\r\n background: var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n font-size: 15.9px;\r\n font-weight: 500;\r\n color: var(--white);\r\n color: var(--white);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle {\r\n font-weight: 500;\r\n margin-top: 8px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body {\r\n padding: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox {\r\n display: flex;\r\n width: 100%;\r\n justify-content: flex-end;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n padding-right: 0px;\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--labeledGhost {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings {\r\n padding-right: 0px;\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n font-weight: 500;\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo {\r\n margin-top: 2px;\r\n margin-bottom: 12px;\r\n font-size: 14px;\r\n opacity: 0.5;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n display: flex;\r\n width: 100%;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField {\r\n position: relative;\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop{\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n z-index: 100;\r\n left:0;\r\n top:0;\r\n background-color: rgba(0,0,0,0.1);\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner{\r\n position: fixed;\r\n z-index: 500;\r\n left: calc(50% - 30px);\r\n top: calc(50% - 30px);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\r\n padding: 10px;\r\n margin-bottom: 5px;\r\n width: 100%;\r\n outline: none;\r\n border: none;\r\n border-bottom: 1px solid #ddd;\r\n overflow: auto;\r\n}";
|
|
22702
|
+
var css_248z$7 = "/* Simple Grid */\n[class*='col-'] {\n float: left;\n min-height: 1px;\n padding-right: 10px; /* column-space */\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\n width: 100%;\n max-width: 1300px;\n min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */\n margin: 0 auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid-pad {\n padding-top: 20px;\n padding-left: 20px; /* grid-space to left */\n padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-right {\n float: right;\n}\n\n/* Content Columns */\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1 {\n width: 100%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-8-12 {\n width: 66.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-2,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-6-12 {\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-12 {\n width: 33.33%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-12 {\n width: 25%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-5 {\n width: 20%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-6,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-12 {\n width: 16.667%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-7 {\n width: 14.28%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-7 {\n width: 28.56%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-4 {\n width: 75%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-7 {\n width: 42.84%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-7 {\n width: 57.12%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-8 {\n width: 12.5%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-9 {\n width: 11.1%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-10 {\n width: 10%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-10 {\n width: 30%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-11 {\n width: 9.09%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-12 {\n width: 8.33%;\n}\n\n/* Layout Columns */\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-11-12 {\n width: 91.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-10-12 {\n width: 83.333%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-9-12 {\n width: 75%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-5-12 {\n width: 41.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-7-12 {\n width: 58.33%;\n}\n\n/* Pushing blocks */\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-8-12 {\n margin-left: 66.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-2,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-6-12 {\n margin-left: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-4-12 {\n margin-left: 33.33%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-4,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-3-12 {\n margin-left: 25%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-5 {\n margin-left: 20%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-6,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-12 {\n margin-left: 16.667%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-7 {\n margin-left: 14.28%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-8 {\n margin-left: 12.5%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-9 {\n margin-left: 11.1%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-10 {\n margin-left: 10%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-11 {\n margin-left: 9.09%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-12 {\n margin-left: 8.33%;\n}\n\n@media handheld, only screen and (max-width: 767px) {\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\n width: 100%;\n min-width: 0;\n margin-left: 0;\n margin-right: 0;\n padding-left: 20px; /* grid-space to left */\n padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */\n }\n\n [class*='col-'] {\n width: auto;\n float: none;\n margin: 0;\n padding-left: 0;\n padding-right: 10px; /* column-space */\n }\n\n /* Mobile Layout */\n\n [class*='mobile-col-'] {\n float: left;\n margin: 0 0 10px;\n padding-left: 0;\n padding-right: 10px; /* column-space */\n padding-bottom: 0;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-1 {\n width: 100%;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-3,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-8-12 {\n width: 66.66%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-2,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-6-12 {\n width: 50%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-3,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-4-12 {\n width: 33.33%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-4,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-3-12 {\n width: 25%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-5 {\n width: 20%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-6,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-12 {\n width: 16.667%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-7 {\n width: 14.28%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-8 {\n width: 12.5%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-9 {\n width: 11.1%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-10 {\n width: 10%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-11 {\n width: 9.09%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-12 {\n width: 8.33%;\n }\n\n /* Layout Columns */\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-11-12 {\n width: 91.66%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-10-12 {\n width: 83.333%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-9-12 {\n width: 75%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-5-12 {\n width: 41.66%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-7-12 {\n width: 58.33%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--hide-on-mobile {\n display: none !important;\n width: 0;\n height: 0;\n }\n}\n\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--SettingsView {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0 20px 20px;\n margin-top: 65px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm {\n width: 100%;\n max-width: 1300px;\n box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--header {\n width: 100%;\n height: 40px;\n padding: 0 15px;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n background: var(--primaryBlue);\n background: var(--primaryBlue);\n outline: 1px solid var(--primaryBlue);\n outline: 1px solid var(--primaryBlue);\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\n font-size: 15.9px;\n font-weight: 500;\n color: var(--white);\n color: var(--white);\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle {\n font-weight: 500;\n margin-top: 8px;\n margin-bottom: 8px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body {\n padding: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox {\n display: flex;\n width: 100%;\n justify-content: flex-end;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\n padding-right: 0px;\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--labeledGhost {\n display: flex;\n flex-direction: column;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings {\n padding-right: 0px;\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\n display: flex;\n flex-direction: column;\n justify-content: center;\n font-weight: 500;\n color: black;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo {\n margin-top: 2px;\n margin-bottom: 12px;\n font-size: 14px;\n opacity: 0.5;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\n display: flex;\n width: 100%;\n justify-content: flex-start;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField {\n position: relative;\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop{\n width: 100%;\n height: 100%;\n position: fixed;\n z-index: 100;\n left:0;\n top:0;\n background-color: rgba(0,0,0,0.1);\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner{\n position: fixed;\n z-index: 500;\n left: calc(50% - 30px);\n top: calc(50% - 30px);\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\n padding: 10px;\n margin-bottom: 5px;\n width: 100%;\n outline: none;\n border: none;\n border-bottom: 1px solid #ddd;\n overflow: auto;\n}";
|
|
22692
22703
|
styleInject(css_248z$7);
|
|
22693
22704
|
|
|
22694
22705
|
var getDescription$2 = function getDescription(languageOptions) {
|
|
@@ -23325,7 +23336,7 @@ var generateTestCallUrl = function generateTestCallUrl(_ref3) {
|
|
|
23325
23336
|
});
|
|
23326
23337
|
};
|
|
23327
23338
|
|
|
23328
|
-
var css_248z$6 = ".utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--title {\
|
|
23339
|
+
var css_248z$6 = ".utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--title {\n font-weight: 500;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow {\n display: flex;\n width: 100%;\n align-items: flex-end;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow .ms-TextField-errorMessage {\n position: absolute;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--textField {\n position: relative;\n display: flex;\n align-items: flex-end;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix {\n margin: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--testCallButton {\n margin-left: 12px;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix8 {\n margin: auto 2px auto 0;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings input {\n margin-right: 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--smallInfo {\n margin-top: 2px;\n opacity: 0.5;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings small {\n margin-bottom: 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator {\n position: absolute;\n right: 5px;\n height: 30px;\n display: flex;\n bottom: 1px;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator .ms-Spinner-circle {\n max-width: 20px !important;\n max-height: 20px !important;\n right: 5px;\n}\n\nmaterial-icon[name='check'] {\n color: rgb(100, 181, 10);\n font-size: 12px;\n}\n\nmaterial-icon[name='error_outline'] {\n color: #a80000;\n font-size: 12px;\n}\n";
|
|
23329
23340
|
styleInject(css_248z$6);
|
|
23330
23341
|
|
|
23331
23342
|
var PhoneNumberSettings = function PhoneNumberSettings(props) {
|
|
@@ -25464,7 +25475,7 @@ var PHONE_STATUS = {
|
|
|
25464
25475
|
Offline: 'Offline'
|
|
25465
25476
|
};
|
|
25466
25477
|
|
|
25467
|
-
var css_248z$5 = ".utilities_ops-app-frame_Flag_Flag--Flag {\
|
|
25478
|
+
var css_248z$5 = ".utilities_ops-app-frame_Flag_Flag--Flag {\n margin-right: 12px;\n height: 22px;\n /* border-radius: 20px; */\n}\n\n/* HACK: ALL OF THIS CSS IS COMPLETELY UNSTABLE, BUT I HAVE TO SUBMIT A\n PR TO CORE-COMPONENTS TO MAKE IT MORE STABLE WHICH IS A LOT OF WORK\n SO LETS JUST NOT INLINE STYLES ANYMORE K?\n*/\n\n[class*='AppBar-roleAndFlag'] {\n align-items: center;\n}\n\n[class*='AppBar-roleAndFlag'] > .text.role {\n margin: 0 !important;\n}\n\n[class*='AppBar-yardNumber'] {\n align-items: center;\n}\n\n[class*='AppBar-yardNumber'] > .yardNumber {\n margin-left: 8px;\n margin-top: 0px !important;\n}\n";
|
|
25468
25479
|
styleInject(css_248z$5);
|
|
25469
25480
|
|
|
25470
25481
|
var getFlagUri = function getFlagUri() {
|
|
@@ -25565,7 +25576,7 @@ var getFlexDomain = function getFlexDomain() {
|
|
|
25565
25576
|
return ((_storage$getLocalItem3 = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem3 === void 0 ? void 0 : (_storage$getLocalItem4 = _storage$getLocalItem3.endpoints) === null || _storage$getLocalItem4 === void 0 ? void 0 : _storage$getLocalItem4.flexDomain) || 'https://flex.twilio.com';
|
|
25566
25577
|
};
|
|
25567
25578
|
|
|
25568
|
-
var css_248z$4 = "#utilities_ops-app-frame_CallCapsule_style--flex-iframe {\
|
|
25579
|
+
var css_248z$4 = "#utilities_ops-app-frame_CallCapsule_style--flex-iframe {\n width: '100%';\n height: '100%';\n}\n.utilities_ops-app-frame_CallCapsule_style--flex-bar {\n position: relative;\n z-index: 9999;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n}\n.utilities_ops-app-frame_CallCapsule_style--iframeSection {\n border: 1px solid #233659;\n border-radius: 8px !important;\n overflow: hidden;\n width: 560px;\n height: 610px;\n position: absolute;\n top: 53px;\n z-index: 100;\n background: #fff;\n}\n.utilities_ops-app-frame_CallCapsule_style--fullScreen{\n border: 1px solid #233659;\n border-radius: 20px !important;\n overflow: hidden;\n width: 98vw;\n height: 610px;\n position: absolute;\n top: 53px;\n left: -8.7em;\n z-index: 100;\n background: #fff;\n}\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon {\n display: flex;\n background-color: #8eacdc;\n border-radius: 30px;\n justify-content: center;\n padding: 2px 10px;\n min-width: 300px;\n min-height: 37px;\n}\n.utilities_ops-app-frame_CallCapsule_style--leftPillCon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n min-width: 125px;\n}\n.utilities_ops-app-frame_CallCapsule_style--heading1 {\n font-size: 12px;\n font-weight: bold;\n color: #3c4656;\n}\n.utilities_ops-app-frame_CallCapsule_style--iframePopUp {\n display: block;\n}\n.utilities_ops-app-frame_CallCapsule_style--heading6 {\n font-size: 10px;\n color: #3c4656;\n}\n.utilities_ops-app-frame_CallCapsule_style--heading7{\n font-size: 12px;\n background: yellow;\n border-radius: 20px;\n padding: 0 5px;\n}\n.utilities_ops-app-frame_CallCapsule_style--centerPillCon {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 6px;\n}\n.utilities_ops-app-frame_CallCapsule_style--rightPillCon{\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 6px;\n min-width: 152px;\n}\n.utilities_ops-app-frame_CallCapsule_style--statusIndicator {\n padding: 0 3px 5px 0;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialpadCon {\n position: absolute;\n top: 55px;\n width: 100%;\n left: 5em;\n max-width: 202px;\n padding: 15px;\n background: #263238;\n border-radius: 22.5px;\n box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);\n z-index: 10;\n}\n.utilities_ops-app-frame_CallCapsule_style--inputCon {\n width: 100%;\n margin-bottom: 5px;\n}\n.utilities_ops-app-frame_CallCapsule_style--inputCon input {\n background: #37474f;\n color: #cfd8dc;\n padding: 5px;\n border: none;\n}\n.utilities_ops-app-frame_CallCapsule_style--inputCon input:focus {\n outline: none;\n}\n.utilities_ops-app-frame_CallCapsule_style--btn {\n display: inline-block;\n width: calc(33.33% - 10px);\n font-size: 14px;\n background: transparent;\n border: none;\n color: #cfd8dc;\n padding: 10px 0;\n text-align: center;\n cursor: pointer;\n}\n.utilities_ops-app-frame_CallCapsule_style--btn:hover {\n color: #fff;\n}\n\n.utilities_ops-app-frame_CallCapsule_style--btn:nth-child(3n - 1) {\n margin: 0 15px;\n}\n.utilities_ops-app-frame_CallCapsule_style--visible {\n visibility: visible;\n overflow: hidden;\n}\n.utilities_ops-app-frame_CallCapsule_style--hidden {\n visibility: hidden;\n}\n.utilities_ops-app-frame_CallCapsule_style--callActionCon {\n display: flex;\n}\n.utilities_ops-app-frame_CallCapsule_style--marginLeft {\n margin-left: 40px;\n}\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon hr {\n width: 100%;\n margin: 0;\n outline: none;\n border: none;\n border-right: 1px solid #ddd;\n}\n\n@-webkit-keyframes utilities_ops-app-frame_CallCapsule_style--shake {\n 0% {\n -webkit-transform: translate(2px, 1px) rotate(0deg);\n }\n 10% {\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\n }\n 20% {\n -webkit-transform: translate(-3px, 0px) rotate(1deg);\n }\n 30% {\n -webkit-transform: translate(0px, 2px) rotate(0deg);\n }\n 40% {\n -webkit-transform: translate(1px, -1px) rotate(1deg);\n }\n 50% {\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\n }\n 60% {\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\n }\n 70% {\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\n }\n 80% {\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\n }\n 90% {\n -webkit-transform: translate(2px, 2px) rotate(0deg);\n }\n 100% {\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\n }\n}\n.utilities_ops-app-frame_CallCapsule_style--shake {\n -webkit-animation-name: utilities_ops-app-frame_CallCapsule_style--shake;\n -webkit-animation-duration: 1.3s;\n -webkit-transform-origin: 50% 50%;\n -webkit-animation-iteration-count: infinite;\n -webkit-animation-timing-function: linear;\n}\n.utilities_ops-app-frame_CallCapsule_style--actionIcon {\n position: relative;\n}\n.utilities_ops-app-frame_CallCapsule_style--wrapText {\n font-size: 9px;\n position: absolute;\n top: 22px;\n}\n\n.utilities_ops-app-frame_CallCapsule_style--container {\n max-width: 100%;\n max-height: 100%;\n position: relative;\n}\n.utilities_ops-app-frame_CallCapsule_style--numberCircle {\n border-radius: 40%;\n cursor: pointer;\n width: 28px;\n height: 18px;\n padding: 0px 11px;\n background: #fff;\n color: #666;\n text-align: center;\n font-size: 12px;\n margin-bottom: 9px;\n}\n.utilities_ops-app-frame_CallCapsule_style--unreadCircle{\n border-radius: 50%;\n cursor: pointer;\n width: 16px;\n height: 16px;\n padding: 2px 2px 3px;\n background: #e81010;\n color: #fff;\n text-align: center;\n font-size: 8px;\n position: absolute;\n left: 18px;\n top: -3px;\n}\n.utilities_ops-app-frame_CallCapsule_style--iconBtn{\n margin: 0 5px;\n cursor: pointer;\n}\n.utilities_ops-app-frame_CallCapsule_style--iconBtn:focus{\n outline: none !important\n}\n.utilities_ops-app-frame_CallCapsule_style--icon{\n color: #000;\n}\n.utilities_ops-app-frame_CallCapsule_style--disabledIcon svg{\n opacity:0.4;\n cursor: not-allowed;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialog{\nwidth: 420px;\nheight: 115px;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogCon{\n position: absolute;\n top: 35%;\n left: 36%;\n border: 1px solid rgb(204, 204, 204);\n background: rgb(255, 255, 255);\n overflow: auto;\n border-radius: 4px;\n outline: none;\n padding: 0px;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogHeading{\n background-color: #1d5ab9;\n color: #fff;\n padding: 10px 5px;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogInfo{\n padding: 20px 10px;\n text-align: center;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogBtn{\n margin: 5px;\n text-align:right;\n}\n.utilities_ops-app-frame_CallCapsule_style--warningMsg {\n color: #fff;\n display: flex;\n background-color: #dd392b;\n border-radius: 7px;\n justify-content: center;\n min-width: 300px;\n font-size: 12px;\n margin: 0 25px -1px 25px;\n}\n.utilities_ops-app-frame_CallCapsule_style--capsuleSpinner{\n position: absolute;\n left:47%;\n}\n.utilities_ops-app-frame_CallCapsule_style--opacity{\n opacity: 0.5;\n}\n.utilities_ops-app-frame_CallCapsule_style--closeFlexIcon {\n position: absolute;\n right: 2px;\n top: 14px;\n cursor: pointer;\n}\n.utilities_ops-app-frame_CallCapsule_style--callIndicator{\n margin-top: 7px;\n}";
|
|
25569
25580
|
styleInject(css_248z$4);
|
|
25570
25581
|
|
|
25571
25582
|
var _styleModuleImportMap$3 = {
|
|
@@ -30334,7 +30345,7 @@ var getActivePrinters = (function (printersData) {
|
|
|
30334
30345
|
return reduceToObject(chooseActive)(toPairs$1(defaultPrinters));
|
|
30335
30346
|
});
|
|
30336
30347
|
|
|
30337
|
-
var css_248z$3 = ".utilities_ops-app-frame_PrinterDialog_PrinterDialog--printerSettings {\
|
|
30348
|
+
var css_248z$3 = ".utilities_ops-app-frame_PrinterDialog_PrinterDialog--printerSettings {\n width: 700px;\n padding: 10px;\n background: #f1f1f1;\n}\n\n.utilities_ops-app-frame_PrinterDialog_PrinterDialog--buttonBox {\n display: flex;\n width: 100%;\n justify-content: flex-end;\n padding-top: 5px;\n}";
|
|
30338
30349
|
styleInject(css_248z$3);
|
|
30339
30350
|
|
|
30340
30351
|
var countryHeaders = {
|
|
@@ -30480,7 +30491,7 @@ var PrinterDialog = function PrinterDialog(_ref) {
|
|
|
30480
30491
|
}, "Save"))) : null);
|
|
30481
30492
|
};
|
|
30482
30493
|
|
|
30483
|
-
var css_248z$2 = ".utilities_ops-app-frame_AppBar_AppBar--AppBar {\
|
|
30494
|
+
var css_248z$2 = ".utilities_ops-app-frame_AppBar_AppBar--AppBar {\n background: var(--primaryBlue);\n background: var(--primaryBlue);\n color: var(--white);\n color: var(--white);\n height: 64px;\n width: 100vw;\n padding: 0 20px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.__AppBar-item.__AppBar-phoneUnvailable > div, .__AppBar-item.__AppBar-phoneAvailable > div {\n margin-bottom: 2px;\n}\n\nbutton[name='Clear Cookies'] {\n font-size: 12px;\n opacity: 0.5;\n text-transform: uppercase;\n color: #f00;\n font-weight: 700;\n}\n\n.utilities_ops-app-frame_AppBar_AppBar--left {\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBar_AppBar--right {\n display: flex;\n align-items: center;\n}\n";
|
|
30484
30495
|
styleInject(css_248z$2);
|
|
30485
30496
|
|
|
30486
30497
|
var APP_BAR_CONFIGS = {
|
|
@@ -30717,21 +30728,19 @@ var emailAddressAllowed = function emailAddressAllowed(emailAddress, tile) {
|
|
|
30717
30728
|
|
|
30718
30729
|
var appFunctionIdAllowed = function appFunctionIdAllowed() {
|
|
30719
30730
|
var coreAppPermissions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
30720
|
-
var
|
|
30721
|
-
var permissionIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
30722
|
-
var tile = arguments.length > 3 ? arguments[3] : undefined;
|
|
30731
|
+
var tile = arguments.length > 1 ? arguments[1] : undefined;
|
|
30723
30732
|
var id = tile.appFunctionId;
|
|
30724
30733
|
|
|
30725
30734
|
if (!id) {
|
|
30726
30735
|
return true; // not defined in config so just allow the tile to be viewed for now
|
|
30727
|
-
}
|
|
30728
|
-
|
|
30729
|
-
|
|
30730
|
-
|
|
30731
|
-
|
|
30732
|
-
|
|
30733
|
-
|
|
30734
|
-
|
|
30736
|
+
}
|
|
30737
|
+
/* else if (['view_miorg', 'view_mitime', 'view_midriverpay'].includes(id)) {
|
|
30738
|
+
// special case for miorg/mitime to check all permissions
|
|
30739
|
+
return includes(id, allPermissionIds)
|
|
30740
|
+
} else {
|
|
30741
|
+
return includes(id, permissionIds)
|
|
30742
|
+
} */
|
|
30743
|
+
// Check appfunction in opsportal-core permissions
|
|
30735
30744
|
else {
|
|
30736
30745
|
return !isEmpty$2(coreAppPermissions) && !isNil$1(coreAppPermissions.find(function (permission) {
|
|
30737
30746
|
return permission.name === id;
|
|
@@ -30764,7 +30773,7 @@ var getUserData = function getUserData() {
|
|
|
30764
30773
|
|
|
30765
30774
|
var userHasAccess = function userHasAccess(tile) {
|
|
30766
30775
|
var user = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getUserData();
|
|
30767
|
-
return allAreTruthy([stackIsAllowed(tile.stack), yardNumberAllowed(user.activeYardNumber, tile), securityLevelAllowed(user.securityLevel, tile), emailAddressAllowed(user.emailAddress, tile), appFunctionIdAllowed(user.coreAppPermissions,
|
|
30776
|
+
return allAreTruthy([stackIsAllowed(tile.stack), yardNumberAllowed(user.activeYardNumber, tile), securityLevelAllowed(user.securityLevel, tile), emailAddressAllowed(user.emailAddress, tile), appFunctionIdAllowed(user.coreAppPermissions, tile), casAccessAllowed(user.hasCasAccess, tile.requireCasAccess)]);
|
|
30768
30777
|
};
|
|
30769
30778
|
|
|
30770
30779
|
var accessHelpers = /*#__PURE__*/Object.freeze({
|
|
@@ -30779,7 +30788,7 @@ var accessHelpers = /*#__PURE__*/Object.freeze({
|
|
|
30779
30788
|
'default': userHasAccess
|
|
30780
30789
|
});
|
|
30781
30790
|
|
|
30782
|
-
var css_248z$1 = ".utilities_ops-app-frame_AuthGuard_header--header {\
|
|
30791
|
+
var css_248z$1 = ".utilities_ops-app-frame_AuthGuard_header--header {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n}";
|
|
30783
30792
|
styleInject(css_248z$1);
|
|
30784
30793
|
|
|
30785
30794
|
var PASS_FOR_AUTHENTICATION_ROUTE = 'Route is /login or /logout.';
|
|
@@ -45248,7 +45257,7 @@ function withFirebaseConfigCheck (Comp) {
|
|
|
45248
45257
|
|
|
45249
45258
|
var Notifications = withFirebaseConfigCheck(Notifications$2);
|
|
45250
45259
|
|
|
45251
|
-
var css_248z = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\
|
|
45260
|
+
var css_248z = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\n background: var(--paleGray);\n background: var(--paleGray);\n height: 100vh;\n max-height: 100vh;\n display: flex;\n flex-direction: column;\n flex-basis: 0;\n}\n\n.utilities_ops-app-frame_AppFrame_AppFrame--header {\n flex: 0 1 auto;\n display: flex;\n flex-direction: column;\n}\n\n/* Wrapper that contains the app being developed. */\n\n.utilities_ops-app-frame_AppFrame_AppFrame--AppContainer {\n flex: 1 1 auto;\n}\n";
|
|
45252
45261
|
styleInject(css_248z);
|
|
45253
45262
|
|
|
45254
45263
|
if (!storage.activeYardNumber) {
|
|
@@ -45299,7 +45308,7 @@ var AppFrame = function AppFrame(props) {
|
|
|
45299
45308
|
style: props.handleScrolling ? SCROLL : NO_SCROLL
|
|
45300
45309
|
}, React__default["default"].createElement(BreadcrumbsProvider, {
|
|
45301
45310
|
history: props.history
|
|
45302
|
-
}, React__default["default"].createElement(AuthGuard, authGuardProps, React__default["default"].createElement(ConfigFetcher, null, React__default["default"].createElement(Notifications, null, React__default["default"].createElement("
|
|
45311
|
+
}, React__default["default"].createElement(AuthGuard, authGuardProps, React__default["default"].createElement(ConfigFetcher, null, React__default["default"].createElement(Notifications, null, React__default["default"].createElement("header", {
|
|
45303
45312
|
className: "utilities_ops-app-frame_AppFrame_AppFrame--header"
|
|
45304
45313
|
}, React__default["default"].createElement(AppBar, {
|
|
45305
45314
|
searchBarProps: props.searchBarProps,
|
|
@@ -45315,7 +45324,7 @@ var AppFrame = function AppFrame(props) {
|
|
|
45315
45324
|
pathname: window.location.pathname
|
|
45316
45325
|
}), React__default["default"].createElement("main", {
|
|
45317
45326
|
className: "utilities_ops-app-frame_AppFrame_AppFrame--AppContainer"
|
|
45318
|
-
}, props.children))))))
|
|
45327
|
+
}, props.children))))));
|
|
45319
45328
|
};
|
|
45320
45329
|
AppFrame.defaultProps = {
|
|
45321
45330
|
handleScrolling: true
|