@cerebruminc/cerebellum 13.4.2 → 13.4.3

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 (50) hide show
  1. package/lib/cjs/{Avatar-7bb7b116.js → Avatar-7fac3fa6.js} +6 -4
  2. package/lib/cjs/Avatar-7fac3fa6.js.map +1 -0
  3. package/lib/cjs/Avatar.cjs +2 -1
  4. package/lib/cjs/Avatar.cjs.map +1 -1
  5. package/lib/cjs/Form.cjs +2 -3
  6. package/lib/cjs/Form.cjs.map +1 -1
  7. package/lib/cjs/{FormikContainer-608d362a.js → FormikContainer-bedc6647.js} +2 -2
  8. package/lib/cjs/{FormikContainer-608d362a.js.map → FormikContainer-bedc6647.js.map} +1 -1
  9. package/lib/cjs/{ImagePicker-78d003fd.js → ImagePicker-db40d337.js} +15 -60
  10. package/lib/{esm/ImagePicker-58a52c67.js.map → cjs/ImagePicker-db40d337.js.map} +1 -1
  11. package/lib/cjs/ImagePicker.cjs +1 -2
  12. package/lib/cjs/ImagePicker.cjs.map +1 -1
  13. package/lib/cjs/{LogoSidebar-5cb2c524.js → LogoSidebar-7b346e41.js} +2 -2
  14. package/lib/cjs/LogoSidebar-7b346e41.js.map +1 -0
  15. package/lib/cjs/LogoSidebar.cjs +2 -2
  16. package/lib/cjs/UserCard.cjs +1 -1
  17. package/lib/cjs/UserCardModal.cjs +1 -1
  18. package/lib/cjs/{UserInformationCard-dad3b99e.js → UserInformationCard-a03efcff.js} +2 -2
  19. package/lib/cjs/{UserInformationCard-dad3b99e.js.map → UserInformationCard-a03efcff.js.map} +1 -1
  20. package/lib/cjs/UserInformationCard.cjs +2 -2
  21. package/lib/cjs/index.cjs +5 -6
  22. package/lib/cjs/index.cjs.map +1 -1
  23. package/lib/esm/{Avatar-4a877971.js → Avatar-746b2334.js} +6 -4
  24. package/lib/esm/Avatar-746b2334.js.map +1 -0
  25. package/lib/esm/Avatar.js +2 -1
  26. package/lib/esm/Avatar.js.map +1 -1
  27. package/lib/esm/Form.js +2 -3
  28. package/lib/esm/Form.js.map +1 -1
  29. package/lib/esm/{FormikContainer-3981aa2f.js → FormikContainer-bce6f053.js} +2 -2
  30. package/lib/esm/{FormikContainer-3981aa2f.js.map → FormikContainer-bce6f053.js.map} +1 -1
  31. package/lib/esm/{ImagePicker-58a52c67.js → ImagePicker-88dba2fb.js} +15 -59
  32. package/lib/{cjs/ImagePicker-78d003fd.js.map → esm/ImagePicker-88dba2fb.js.map} +1 -1
  33. package/lib/esm/ImagePicker.js +1 -2
  34. package/lib/esm/ImagePicker.js.map +1 -1
  35. package/lib/esm/{LogoSidebar-6fc85e82.js → LogoSidebar-fd8fa2b5.js} +2 -2
  36. package/lib/esm/LogoSidebar-fd8fa2b5.js.map +1 -0
  37. package/lib/esm/LogoSidebar.js +2 -2
  38. package/lib/esm/UserCard.js +1 -1
  39. package/lib/esm/UserCardModal.js +1 -1
  40. package/lib/esm/{UserInformationCard-a6507e15.js → UserInformationCard-f6594a6d.js} +2 -2
  41. package/lib/esm/{UserInformationCard-a6507e15.js.map → UserInformationCard-f6594a6d.js.map} +1 -1
  42. package/lib/esm/UserInformationCard.js +2 -2
  43. package/lib/esm/index.js +5 -6
  44. package/lib/esm/index.js.map +1 -1
  45. package/package.json +1 -2
  46. package/lib/cjs/Avatar-7bb7b116.js.map +0 -1
  47. package/lib/cjs/LogoSidebar-5cb2c524.js.map +0 -1
  48. package/lib/esm/Avatar-4a877971.js.map +0 -1
  49. package/lib/esm/LogoSidebar-6fc85e82.js.map +0 -1
  50. package/lib/types/src/helpers/compress-image.d.ts +0 -1
@@ -2,6 +2,7 @@
2
2
 
3
3
  var _tslib = require('./_tslib-955e611e.js');
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
+ var React = require('react');
5
6
  var pressedEnter = require('./pressedEnter.cjs');
6
7
  var styled = require('styled-components');
7
8
  var getInitialsOnly = require('./getInitialsOnly.cjs');
@@ -49,9 +50,10 @@ var Avatar = function (_a) {
49
50
  var backgroundGradient = _a.backgroundGradient, badgeUrl = _a.badgeUrl, imageUrl = _a.imageUrl, logo = _a.logo, placeholderInitials = _a.placeholderInitials, placeholderInitialsColorOverride = _a.placeholderInitialsColorOverride, square = _a.square, themeOverride = _a.themeOverride;
50
51
  var theme = styled.useTheme();
51
52
  var bgColor = (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.backgroundColor) || theme.avatar.backgroundColor;
52
- return (jsxRuntime.jsxs(Base, _tslib.__assign({ "data-testid": "bg-base", "$backgroundGradient": backgroundGradient, "$imageUrl": imageUrl, "$logo": logo, "$themeOverride": themeOverride, "$square": square }, { children: [!imageUrl && (jsxRuntime.jsx(Initials, _tslib.__assign({ "$placeholderInitialsColorOverride": placeholderInitialsColorOverride || pressedEnter.higherContrast({ color: bgColor, preferHigh: true }), "$themeOverride": themeOverride }, { children: getInitialsOnly.getInitialsOnly(placeholderInitials) }), void 0)), badgeUrl && jsxRuntime.jsx(Badge, { "$badgeUrl": badgeUrl, "$themeOverride": themeOverride }, void 0)] }), void 0));
53
- };
54
- Avatar.defaultProps = {};
53
+ var initials = React.useMemo(function () { return getInitialsOnly.getInitialsOnly(placeholderInitials); }, [placeholderInitials]);
54
+ var initialsColor = React.useMemo(function () { return placeholderInitialsColorOverride || pressedEnter.higherContrast({ color: bgColor, preferHigh: true }); }, [placeholderInitialsColorOverride, bgColor]);
55
+ return (jsxRuntime.jsxs(Base, _tslib.__assign({ "data-testid": "bg-base", "$backgroundGradient": backgroundGradient, "$imageUrl": imageUrl, "$logo": logo, "$themeOverride": themeOverride, "$square": square }, { children: [!imageUrl && (jsxRuntime.jsx(Initials, _tslib.__assign({ "$placeholderInitialsColorOverride": initialsColor, "$themeOverride": themeOverride }, { children: initials }), void 0)), badgeUrl && jsxRuntime.jsx(Badge, { "$badgeUrl": badgeUrl, "$themeOverride": themeOverride }, void 0)] }), void 0));
56
+ };
55
57
 
56
58
  exports.Avatar = Avatar;
57
- //# sourceMappingURL=Avatar-7bb7b116.js.map
59
+ //# sourceMappingURL=Avatar-7fac3fa6.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar-7fac3fa6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,10 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Avatar = require('./Avatar-7bb7b116.js');
5
+ var Avatar = require('./Avatar-7fac3fa6.js');
6
6
  var getInitialsOnly = require('./getInitialsOnly.cjs');
7
7
  require('./_tslib-955e611e.js');
8
8
  require('react/jsx-runtime');
9
+ require('react');
9
10
  require('./pressedEnter.cjs');
10
11
  require('styled-components');
11
12
 
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Avatar.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
package/lib/cjs/Form.cjs CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var FormWrapper = require('./FormStyles-0c0f28e0.js');
6
- var FormikContainer = require('./FormikContainer-608d362a.js');
6
+ var FormikContainer = require('./FormikContainer-bedc6647.js');
7
7
  var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
8
8
  require('./_tslib-955e611e.js');
9
9
  require('styled-components');
@@ -106,7 +106,7 @@ require('./DescriptiveDropdownInput-0b5f7b1f.js');
106
106
  require('./EmailInput-ee2e8ac8.js');
107
107
  require('./InlineEmailInput-78e3cce8.js');
108
108
  require('./Email.cjs');
109
- require('./ImagePicker-78d003fd.js');
109
+ require('./ImagePicker-db40d337.js');
110
110
  require('./Delete-32a19298.js');
111
111
  require('./Edit.cjs');
112
112
  require('./Toast-2bc00b54.js');
@@ -114,7 +114,6 @@ require('./Typography-78d16930.js');
114
114
  require('./TextVariantEnum.cjs');
115
115
  require('./CheckmarkCircle.cjs');
116
116
  require('./Warning-0428175d.js');
117
- require('browser-image-compression');
118
117
  require('libheif-js/wasm-bundle');
119
118
  require('./SingleButton-6f14308b.js');
120
119
  require('./MultiSelect-062af0bf.js');
@@ -1 +1 @@
1
- {"version":3,"file":"Form.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Form.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -42,7 +42,7 @@ var SwitchTypeEnum = require('./SwitchTypeEnum.cjs');
42
42
  var DescriptiveDropdownInput = require('./DescriptiveDropdownInput-0b5f7b1f.js');
43
43
  var EmailInput = require('./EmailInput-ee2e8ac8.js');
44
44
  var InlineEmailInput = require('./InlineEmailInput-78e3cce8.js');
45
- var ImagePicker = require('./ImagePicker-78d003fd.js');
45
+ var ImagePicker = require('./ImagePicker-db40d337.js');
46
46
  var MultiSelect = require('./MultiSelect-062af0bf.js');
47
47
  var InlineInput = require('./InlineInput-ffaab44c.js');
48
48
  var Input = require('./Input-9cf5b719.js');
@@ -1295,4 +1295,4 @@ FormikContainer.defaultProps = {
1295
1295
  };
1296
1296
 
1297
1297
  exports.FormikContainer = FormikContainer;
1298
- //# sourceMappingURL=FormikContainer-608d362a.js.map
1298
+ //# sourceMappingURL=FormikContainer-bedc6647.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormikContainer-608d362a.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"FormikContainer-bedc6647.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -15,7 +15,6 @@ var Toast = require('./Toast-2bc00b54.js');
15
15
  require('react-dom');
16
16
  var isEmptyObject = require('./isEmptyObject.cjs');
17
17
  var useMeasure = require('./useMeasure-39ee8db4.js');
18
- var imageCompression = require('browser-image-compression');
19
18
  var libheif = require('libheif-js/wasm-bundle');
20
19
  var showLabel = require('./showLabel-8e3c09f1.js');
21
20
  require('./Button.cjs');
@@ -29,28 +28,8 @@ var focusAfter = require('./focusAfter.cjs');
29
28
 
30
29
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
31
30
 
32
- var imageCompression__default = /*#__PURE__*/_interopDefaultLegacy(imageCompression);
33
31
  var libheif__default = /*#__PURE__*/_interopDefaultLegacy(libheif);
34
32
 
35
- var compressImage = function (file) { return _tslib.__awaiter(void 0, void 0, void 0, function () {
36
- var options, compressedFile;
37
- return _tslib.__generator(this, function (_a) {
38
- switch (_a.label) {
39
- case 0:
40
- options = {
41
- maxSizeMB: 2,
42
- maxWidthOrHeight: 1920,
43
- useWebWorker: true,
44
- alwaysKeepResolution: true,
45
- };
46
- return [4 /*yield*/, imageCompression__default["default"](file, options)];
47
- case 1:
48
- compressedFile = _a.sent();
49
- return [2 /*return*/, compressedFile];
50
- }
51
- });
52
- }); };
53
-
54
33
  function dataURLToBlob(dataUrl) {
55
34
  var byteString = atob(dataUrl.split(",")[1]);
56
35
  var mimeString = dataUrl.split(",")[0].split(":")[1].split(";")[0];
@@ -261,27 +240,24 @@ var ImagePicker = function (_a) {
261
240
  }
262
241
  }, [placeholderImageUrl]);
263
242
  var readURI = function (event) { return _tslib.__awaiter(void 0, void 0, void 0, function () {
264
- var file, fileExtension, convertedFile, compressedFile, isNotAnImage, fileSizeKB, reader;
243
+ var file, fileExtension, convertedFile, isNotAnImage, fileSizeKB, reader;
265
244
  var _a, _b;
266
245
  return _tslib.__generator(this, function (_c) {
267
246
  switch (_c.label) {
268
247
  case 0:
269
- _c.trys.push([0, 4, , 5]);
248
+ _c.trys.push([0, 3, 4, 5]);
270
249
  file = (_b = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0];
271
250
  if (!file) {
272
251
  throw new Error("Error: file is undefined");
273
252
  }
274
253
  fileExtension = getFileExtension(file.name);
275
- if (!(fileExtension === "heic")) return [3 /*break*/, 3];
254
+ if (!(fileExtension === "heic")) return [3 /*break*/, 2];
276
255
  return [4 /*yield*/, convertHEICtoPNG(file)];
277
256
  case 1:
278
257
  convertedFile = _c.sent();
279
- return [4 /*yield*/, compressImage(convertedFile)];
258
+ file = convertedFile;
259
+ _c.label = 2;
280
260
  case 2:
281
- compressedFile = _c.sent();
282
- file = compressedFile;
283
- _c.label = 3;
284
- case 3:
285
261
  isNotAnImage = !file.type.match(/^image\/+/g);
286
262
  fileSizeKB = file.size / 1000;
287
263
  if (isNotAnImage) {
@@ -303,7 +279,7 @@ var ImagePicker = function (_a) {
303
279
  reader.readAsDataURL(file);
304
280
  }
305
281
  return [2 /*return*/, file];
306
- case 4:
282
+ case 3:
307
283
  _c.sent();
308
284
  showToast({
309
285
  title: "",
@@ -311,6 +287,9 @@ var ImagePicker = function (_a) {
311
287
  colorFamily: ButtonColorFamilyEnum.ConnotationColorEnum.Negative,
312
288
  });
313
289
  return [3 /*break*/, 5];
290
+ case 4:
291
+ setLoading(false);
292
+ return [7 /*endfinally*/];
314
293
  case 5: return [2 /*return*/];
315
294
  }
316
295
  });
@@ -353,35 +332,11 @@ var ImagePicker = function (_a) {
353
332
  labelColor: labelColor,
354
333
  htmlFor: "".concat(imageLabel, "_imagePicker"),
355
334
  removePaddingRight: required,
356
- }), required && (jsxRuntime.jsx(Inputs.Asterisk, _tslib.__assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)), jsxRuntime.jsxs(PickerBox, _tslib.__assign({ "$disabled": disabled, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride }, { children: [loading ? (jsxRuntime.jsx(EllipsisContainer, { children: jsxRuntime.jsx(LoadingEllipsis.LoadingEllipsis, {}, void 0) }, void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ImageInput, _tslib.__assign({}, (imageLabel ? { id: "".concat(imageLabel, "_imagePicker") } : {}), { accept: "image/*,.heic", disabled: disabled, onChange: function (event) { return _tslib.__awaiter(void 0, void 0, void 0, function () {
357
- var file, fileExtension, fileList, error_2;
358
- return _tslib.__generator(this, function (_a) {
359
- switch (_a.label) {
360
- case 0:
361
- _a.trys.push([0, 2, 3, 4]);
362
- setLoading(true);
363
- return [4 /*yield*/, readURI(event)];
364
- case 1:
365
- file = _a.sent();
366
- fileExtension = getFileExtension((file === null || file === void 0 ? void 0 : file.name) || "");
367
- if (file && fileExtension === "heic") {
368
- fileList = new DataTransfer();
369
- fileList.items.add(file);
370
- event.target.files = fileList.files;
371
- }
372
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
373
- return [3 /*break*/, 4];
374
- case 2:
375
- error_2 = _a.sent();
376
- console.error("Error processing image: ".concat(error_2));
377
- return [3 /*break*/, 4];
378
- case 3:
379
- setLoading(false);
380
- return [7 /*endfinally*/];
381
- case 4: return [2 /*return*/];
382
- }
383
- });
384
- }); }, name: name, required: required, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride, type: "file" }), void 0), tempFile ? (jsxRuntime.jsx(CenterImage, _tslib.__assign({ "$themeOverride": themeOverride }, { children: jsxRuntime.jsx(LoadedImage, { src: tempFile }, void 0) }), void 0)) : placeholder ? (jsxRuntime.jsx(CenterImage, _tslib.__assign({ "$themeOverride": themeOverride }, { children: jsxRuntime.jsx(LoadedImage, { src: placeholder, "data-testid": "placeholderImage" }, void 0) }), void 0)) : placeholderInitials ? (jsxRuntime.jsx(PlaceholderCircle, _tslib.__assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: jsxRuntime.jsx(PlaceholderInitials, _tslib.__assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: formattedInitials }), void 0) }), void 0)) : PlaceholderIcon || actionText ? (jsxRuntime.jsxs(CenterGrid, _tslib.__assign({ "$themeOverride": themeOverride }, { children: [jsxRuntime.jsx(PlaceholderIconBox, _tslib.__assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: PlaceholderIcon && jsxRuntime.jsx(PlaceholderIcon, {}, void 0) }), void 0), actionText && (jsxRuntime.jsx(ActionTextBox, { children: actionButtonVariant === ButtonVariantEnum.ButtonVariantEnum.Text ? (jsxRuntime.jsx(FakeTextLink, _tslib.__assign({ "$themeOverride": themeOverride }, { children: actionText }), void 0)) : (jsxRuntime.jsx(SingleButton.SingleButton, { variant: actionButtonVariant, text: actionText, onClick: isEmptyObject.noop, clickable: false }, void 0)) }, void 0))] }), void 0)) : null] }, void 0)), !hideIcon && !deleteButton && (jsxRuntime.jsx(EditIconBox, _tslib.__assign({ "$themeOverride": themeOverride, "$bgColor": editIconColorGroup.light }, { children: jsxRuntime.jsx(Edit.Edit, { title: "editIcon", fill: editIconColorGroup.main }, void 0) }), void 0)), deleteButton && (jsxRuntime.jsx(DeleteIconBox, _tslib.__assign({ "$themeOverride": themeOverride }, { children: jsxRuntime.jsx(IconButton.IconButton, { Icon: Delete.Trash, colorFamily: deleteButtonColorFamily, colorFamilyOverride: deleteButtonColorFamilyOverride, preventClick: disabled, size: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.iconSize) || theme.imagePicker.iconSize, themeOverride: { backgroundColor: deleteIconColorGroup.light }, onClick: clearInput }, void 0) }), void 0))] }), void 0), !inline && validationMessage && (jsxRuntime.jsx(Inputs.ValidationText, _tslib.__assign({ ref: validationRef, "$showValidationMessage": showValidationMessage, "$disabled": disabled, "$failColor": failColor, "$disabledColor": disabledColor, "$designSwitch": designSwitch || !imageLabel }, { children: validationMessage }), void 0)), helperTextVisible && helperText && !inline && (jsxRuntime.jsx(Inputs.HelperText, _tslib.__assign({ "$disabled": disabled, "$helperTextColor": helperTextColor, "$disabledColor": disabledColor }, { children: helperText }), void 0))] }), void 0));
335
+ }), required && (jsxRuntime.jsx(Inputs.Asterisk, _tslib.__assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)), jsxRuntime.jsxs(PickerBox, _tslib.__assign({ "$disabled": disabled, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride }, { children: [loading ? (jsxRuntime.jsx(EllipsisContainer, { children: jsxRuntime.jsx(LoadingEllipsis.LoadingEllipsis, {}, void 0) }, void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ImageInput, _tslib.__assign({}, (imageLabel ? { id: "".concat(imageLabel, "_imagePicker") } : {}), { accept: "image/*,.heic", disabled: disabled, onChange: function (event) {
336
+ setLoading(true);
337
+ readURI(event);
338
+ onChange === null || onChange === void 0 ? void 0 : onChange(event);
339
+ }, name: name, required: required, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride, type: "file" }), void 0), tempFile ? (jsxRuntime.jsx(CenterImage, _tslib.__assign({ "$themeOverride": themeOverride }, { children: jsxRuntime.jsx(LoadedImage, { src: tempFile }, void 0) }), void 0)) : placeholder ? (jsxRuntime.jsx(CenterImage, _tslib.__assign({ "$themeOverride": themeOverride }, { children: jsxRuntime.jsx(LoadedImage, { src: placeholder, "data-testid": "placeholderImage" }, void 0) }), void 0)) : placeholderInitials ? (jsxRuntime.jsx(PlaceholderCircle, _tslib.__assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: jsxRuntime.jsx(PlaceholderInitials, _tslib.__assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: formattedInitials }), void 0) }), void 0)) : PlaceholderIcon || actionText ? (jsxRuntime.jsxs(CenterGrid, _tslib.__assign({ "$themeOverride": themeOverride }, { children: [jsxRuntime.jsx(PlaceholderIconBox, _tslib.__assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: PlaceholderIcon && jsxRuntime.jsx(PlaceholderIcon, {}, void 0) }), void 0), actionText && (jsxRuntime.jsx(ActionTextBox, { children: actionButtonVariant === ButtonVariantEnum.ButtonVariantEnum.Text ? (jsxRuntime.jsx(FakeTextLink, _tslib.__assign({ "$themeOverride": themeOverride }, { children: actionText }), void 0)) : (jsxRuntime.jsx(SingleButton.SingleButton, { variant: actionButtonVariant, text: actionText, onClick: isEmptyObject.noop, clickable: false }, void 0)) }, void 0))] }), void 0)) : null] }, void 0)), !hideIcon && !deleteButton && (jsxRuntime.jsx(EditIconBox, _tslib.__assign({ "$themeOverride": themeOverride, "$bgColor": editIconColorGroup.light }, { children: jsxRuntime.jsx(Edit.Edit, { title: "editIcon", fill: editIconColorGroup.main }, void 0) }), void 0)), deleteButton && (jsxRuntime.jsx(DeleteIconBox, _tslib.__assign({ "$themeOverride": themeOverride }, { children: jsxRuntime.jsx(IconButton.IconButton, { Icon: Delete.Trash, colorFamily: deleteButtonColorFamily, colorFamilyOverride: deleteButtonColorFamilyOverride, preventClick: disabled, size: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.iconSize) || theme.imagePicker.iconSize, themeOverride: { backgroundColor: deleteIconColorGroup.light }, onClick: clearInput }, void 0) }), void 0))] }), void 0), !inline && validationMessage && (jsxRuntime.jsx(Inputs.ValidationText, _tslib.__assign({ ref: validationRef, "$showValidationMessage": showValidationMessage, "$disabled": disabled, "$failColor": failColor, "$disabledColor": disabledColor, "$designSwitch": designSwitch || !imageLabel }, { children: validationMessage }), void 0)), helperTextVisible && helperText && !inline && (jsxRuntime.jsx(Inputs.HelperText, _tslib.__assign({ "$disabled": disabled, "$helperTextColor": helperTextColor, "$disabledColor": disabledColor }, { children: helperText }), void 0))] }), void 0));
385
340
  };
386
341
  ImagePicker.defaultProps = {
387
342
  editButtonColorFamily: ButtonColorFamilyEnum.ButtonColorFamilyEnum.Blue,
@@ -389,4 +344,4 @@ ImagePicker.defaultProps = {
389
344
  };
390
345
 
391
346
  exports.ImagePicker = ImagePicker;
392
- //# sourceMappingURL=ImagePicker-78d003fd.js.map
347
+ //# sourceMappingURL=ImagePicker-db40d337.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ImagePicker-58a52c67.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ImagePicker-db40d337.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var ImagePicker = require('./ImagePicker-78d003fd.js');
5
+ var ImagePicker = require('./ImagePicker-db40d337.js');
6
6
  require('./_tslib-955e611e.js');
7
7
  require('react/jsx-runtime');
8
8
  require('react');
@@ -40,7 +40,6 @@ require('./ButtonVariantEnum.cjs');
40
40
  require('./CheckmarkCircle.cjs');
41
41
  require('./Warning-0428175d.js');
42
42
  require('react-dom');
43
- require('browser-image-compression');
44
43
  require('libheif-js/wasm-bundle');
45
44
  require('./showLabel-8e3c09f1.js');
46
45
  require('./SingleButton-6f14308b.js');
@@ -1 +1 @@
1
- {"version":3,"file":"ImagePicker.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ImagePicker.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -4,7 +4,7 @@ var _tslib = require('./_tslib-955e611e.js');
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
  var React = require('react');
6
6
  var styled = require('styled-components');
7
- var Avatar = require('./Avatar-7bb7b116.js');
7
+ var Avatar = require('./Avatar-7fac3fa6.js');
8
8
  var InteriorSidebar = require('./InteriorSidebar-4f43f4b8.js');
9
9
  var isEmptyObject = require('./isEmptyObject.cjs');
10
10
  var useMeasure = require('./useMeasure-39ee8db4.js');
@@ -56,4 +56,4 @@ var LogoSidebar = function (_a) {
56
56
  LogoSidebar.defaultProps = {};
57
57
 
58
58
  exports.LogoSidebar = LogoSidebar;
59
- //# sourceMappingURL=LogoSidebar-5cb2c524.js.map
59
+ //# sourceMappingURL=LogoSidebar-7b346e41.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LogoSidebar-7b346e41.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,12 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var LogoSidebar = require('./LogoSidebar-5cb2c524.js');
5
+ var LogoSidebar = require('./LogoSidebar-7b346e41.js');
6
6
  require('./_tslib-955e611e.js');
7
7
  require('react/jsx-runtime');
8
8
  require('react');
9
9
  require('styled-components');
10
- require('./Avatar-7bb7b116.js');
10
+ require('./Avatar-7fac3fa6.js');
11
11
  require('./pressedEnter.cjs');
12
12
  require('./getInitialsOnly.cjs');
13
13
  require('./InteriorSidebar-4f43f4b8.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var _tslib = require('./_tslib-955e611e.js');
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
  var React = require('react');
8
- var Avatar = require('./Avatar-7bb7b116.js');
8
+ var Avatar = require('./Avatar-7fac3fa6.js');
9
9
  var getInitialsOnly = require('./getInitialsOnly.cjs');
10
10
  var colors = require('./colors.cjs');
11
11
  var pressedEnter = require('./pressedEnter.cjs');
@@ -11,7 +11,7 @@ require('react');
11
11
  require('react-dom');
12
12
  require('./isEmptyObject.cjs');
13
13
  require('./position-0d230ab8.js');
14
- require('./Avatar-7bb7b116.js');
14
+ require('./Avatar-7fac3fa6.js');
15
15
  require('./pressedEnter.cjs');
16
16
  require('./getInitialsOnly.cjs');
17
17
  require('./colors.cjs');
@@ -3,7 +3,7 @@
3
3
  var _tslib = require('./_tslib-955e611e.js');
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
  var React = require('react');
6
- var Avatar = require('./Avatar-7bb7b116.js');
6
+ var Avatar = require('./Avatar-7fac3fa6.js');
7
7
  var TruncatePicker = require('./TruncatePicker-526d6f8b.js');
8
8
  var colors = require('./colors.cjs');
9
9
  var isEmptyObject = require('./isEmptyObject.cjs');
@@ -222,4 +222,4 @@ var UserInformationCard = function (_a) {
222
222
  };
223
223
 
224
224
  exports.UserInformationCard = UserInformationCard;
225
- //# sourceMappingURL=UserInformationCard-dad3b99e.js.map
225
+ //# sourceMappingURL=UserInformationCard-a03efcff.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"UserInformationCard-dad3b99e.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"UserInformationCard-a03efcff.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var UserInformationCard = require('./UserInformationCard-dad3b99e.js');
5
+ var UserInformationCard = require('./UserInformationCard-a03efcff.js');
6
6
  require('./_tslib-955e611e.js');
7
7
  require('react/jsx-runtime');
8
8
  require('react');
9
- require('./Avatar-7bb7b116.js');
9
+ require('./Avatar-7fac3fa6.js');
10
10
  require('./pressedEnter.cjs');
11
11
  require('styled-components');
12
12
  require('./getInitialsOnly.cjs');
package/lib/cjs/index.cjs CHANGED
@@ -10,7 +10,7 @@ var Drawer = require('./Drawer-745d2a61.js');
10
10
  var FormWrapper = require('./FormStyles-0c0f28e0.js');
11
11
  var AlertCount = require('./AlertCount-2b74c8f3.js');
12
12
  var AddressInput = require('./AddressInput-033a4894.js');
13
- var Avatar = require('./Avatar-7bb7b116.js');
13
+ var Avatar = require('./Avatar-7fac3fa6.js');
14
14
  var getInitialsOnly = require('./getInitialsOnly.cjs');
15
15
  var BoxedButton = require('./BoxedButton.cjs');
16
16
  var BoxedOutlineButton = require('./BoxedOutlineButton.cjs');
@@ -46,13 +46,13 @@ var helpers = require('./helpers-b07f14f3.js');
46
46
  var DrawerDivider = require('./DrawerDivider-8f1e423f.js');
47
47
  var EmailInput = require('./EmailInput-ee2e8ac8.js');
48
48
  var Footer = require('./Footer.cjs');
49
- var FormikContainer = require('./FormikContainer-608d362a.js');
49
+ var FormikContainer = require('./FormikContainer-bedc6647.js');
50
50
  var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
51
51
  var FiltersBar = require('./FiltersBar-1c53d614.js');
52
52
  var HorizontalTabMenu = require('./HorizontalTabMenu-55955f88.js');
53
53
  var IconButton = require('./IconButton-99b9f2dd.js');
54
54
  var IconTile = require('./IconTile-64cb919a.js');
55
- var ImagePicker = require('./ImagePicker-78d003fd.js');
55
+ var ImagePicker = require('./ImagePicker-db40d337.js');
56
56
  var InlineCreditCardInput = require('./InlineCreditCardInput-673b3096.js');
57
57
  var InlineCurrencyInput = require('./InlineCurrencyInput-1680f1a4.js');
58
58
  var InlineEmailInput = require('./InlineEmailInput-78e3cce8.js');
@@ -67,7 +67,7 @@ var Loading = require('./Loading.cjs');
67
67
  var Scroller = require('./Scroller.cjs');
68
68
  var focusAfter = require('./focusAfter.cjs');
69
69
  var LoadingEllipsis = require('./LoadingEllipsis-b9895744.js');
70
- var LogoSidebar = require('./LogoSidebar-5cb2c524.js');
70
+ var LogoSidebar = require('./LogoSidebar-7b346e41.js');
71
71
  var Modal = require('./Modal-384954ad.js');
72
72
  var InlinePasswordInput = require('./InlinePasswordInput.cjs');
73
73
  var PasswordInput = require('./PasswordInput.cjs');
@@ -116,7 +116,7 @@ var UploadDropzone = require('./UploadDropzone-880401fe.js');
116
116
  var DropzoneColorFamilyEnum = require('./DropzoneColorFamilyEnum.cjs');
117
117
  var UserCard = require('./UserCard.cjs');
118
118
  var UserCardModal = require('./UserCardModal.cjs');
119
- var UserInformationCard = require('./UserInformationCard-dad3b99e.js');
119
+ var UserInformationCard = require('./UserInformationCard-a03efcff.js');
120
120
  var InlineZipCodeInput = require('./InlineZipCodeInput.cjs');
121
121
  var ZipCodeInput = require('./ZipCodeInput.cjs');
122
122
  var applyZipCodeMask = require('./applyZipCodeMask.cjs');
@@ -288,7 +288,6 @@ require('./useIsomorphicLayoutEffect-e0094154.js');
288
288
  require('dayjs');
289
289
  require('./RadioStyles-12980dcd.js');
290
290
  require('formik');
291
- require('browser-image-compression');
292
291
  require('libheif-js/wasm-bundle');
293
292
  require('@rjsf/core');
294
293
  require('@rjsf/validator-ajv8');
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,5 +1,6 @@
1
1
  import { a as __makeTemplateObject, _ as __assign } from './_tslib-1a4c929e.js';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
+ import { useMemo } from 'react';
3
4
  import { higherContrast } from './pressedEnter.js';
4
5
  import { styled, useTheme } from 'styled-components';
5
6
  import { getInitialsOnly } from './getInitialsOnly.js';
@@ -47,9 +48,10 @@ var Avatar = function (_a) {
47
48
  var backgroundGradient = _a.backgroundGradient, badgeUrl = _a.badgeUrl, imageUrl = _a.imageUrl, logo = _a.logo, placeholderInitials = _a.placeholderInitials, placeholderInitialsColorOverride = _a.placeholderInitialsColorOverride, square = _a.square, themeOverride = _a.themeOverride;
48
49
  var theme = useTheme();
49
50
  var bgColor = (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.backgroundColor) || theme.avatar.backgroundColor;
50
- return (jsxs(Base, __assign({ "data-testid": "bg-base", "$backgroundGradient": backgroundGradient, "$imageUrl": imageUrl, "$logo": logo, "$themeOverride": themeOverride, "$square": square }, { children: [!imageUrl && (jsx(Initials, __assign({ "$placeholderInitialsColorOverride": placeholderInitialsColorOverride || higherContrast({ color: bgColor, preferHigh: true }), "$themeOverride": themeOverride }, { children: getInitialsOnly(placeholderInitials) }), void 0)), badgeUrl && jsx(Badge, { "$badgeUrl": badgeUrl, "$themeOverride": themeOverride }, void 0)] }), void 0));
51
- };
52
- Avatar.defaultProps = {};
51
+ var initials = useMemo(function () { return getInitialsOnly(placeholderInitials); }, [placeholderInitials]);
52
+ var initialsColor = useMemo(function () { return placeholderInitialsColorOverride || higherContrast({ color: bgColor, preferHigh: true }); }, [placeholderInitialsColorOverride, bgColor]);
53
+ return (jsxs(Base, __assign({ "data-testid": "bg-base", "$backgroundGradient": backgroundGradient, "$imageUrl": imageUrl, "$logo": logo, "$themeOverride": themeOverride, "$square": square }, { children: [!imageUrl && (jsx(Initials, __assign({ "$placeholderInitialsColorOverride": initialsColor, "$themeOverride": themeOverride }, { children: initials }), void 0)), badgeUrl && jsx(Badge, { "$badgeUrl": badgeUrl, "$themeOverride": themeOverride }, void 0)] }), void 0));
54
+ };
53
55
 
54
56
  export { Avatar as A };
55
- //# sourceMappingURL=Avatar-4a877971.js.map
57
+ //# sourceMappingURL=Avatar-746b2334.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar-746b2334.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/lib/esm/Avatar.js CHANGED
@@ -1,7 +1,8 @@
1
- export { A as Avatar } from './Avatar-4a877971.js';
1
+ export { A as Avatar } from './Avatar-746b2334.js';
2
2
  export { getInitialsOnly } from './getInitialsOnly.js';
3
3
  import './_tslib-1a4c929e.js';
4
4
  import 'react/jsx-runtime';
5
+ import 'react';
5
6
  import './pressedEnter.js';
6
7
  import 'styled-components';
7
8
  //# sourceMappingURL=Avatar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
1
+ {"version":3,"file":"Avatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
package/lib/esm/Form.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { F as FormWrapper } from './FormStyles-bf01f03c.js';
2
- export { F as Form } from './FormikContainer-3981aa2f.js';
2
+ export { F as Form } from './FormikContainer-bce6f053.js';
3
3
  export { FormFieldTypeEnum, RemovableFieldTypeEnum, isAddress, isCheckbox, isCheckboxGroup, isConfigurableInput, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isFormFieldType, isImagePicker, isMultiSelect, isNumber, isPassword, isPhone, isRadioGroup, isRemovable, isSectionHeader, isSelect, isSocialSecurity, isSplitLine, isStateSelect, isTextarea, isToggle, isToggleGroup, isZipCode } from './FormFieldTypeEnum.js';
4
4
  import './_tslib-1a4c929e.js';
5
5
  import 'styled-components';
@@ -102,7 +102,7 @@ import './DescriptiveDropdownInput-1c8009a6.js';
102
102
  import './EmailInput-3d43f7fe.js';
103
103
  import './InlineEmailInput-b6c8b8b2.js';
104
104
  import './Email.js';
105
- import './ImagePicker-58a52c67.js';
105
+ import './ImagePicker-88dba2fb.js';
106
106
  import './Delete-717a8dd0.js';
107
107
  import './Edit.js';
108
108
  import './Toast-d07ba541.js';
@@ -110,7 +110,6 @@ import './Typography-a45f29be.js';
110
110
  import './TextVariantEnum.js';
111
111
  import './CheckmarkCircle.js';
112
112
  import './Warning-09535167.js';
113
- import 'browser-image-compression';
114
113
  import 'libheif-js/wasm-bundle';
115
114
  import './SingleButton-4b90fc1f.js';
116
115
  import './MultiSelect-fabde188.js';
@@ -1 +1 @@
1
- {"version":3,"file":"Form.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Form.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -40,7 +40,7 @@ import { SwitchTypeEnum } from './SwitchTypeEnum.js';
40
40
  import { D as DescriptiveDropdownInput } from './DescriptiveDropdownInput-1c8009a6.js';
41
41
  import { E as EmailInput } from './EmailInput-3d43f7fe.js';
42
42
  import { I as InlineEmailInput } from './InlineEmailInput-b6c8b8b2.js';
43
- import { I as ImagePicker } from './ImagePicker-58a52c67.js';
43
+ import { I as ImagePicker } from './ImagePicker-88dba2fb.js';
44
44
  import { M as MultiSelect } from './MultiSelect-fabde188.js';
45
45
  import { I as InlineInput } from './InlineInput-6e99d8b3.js';
46
46
  import { I as Input } from './Input-b6886dba.js';
@@ -1293,4 +1293,4 @@ FormikContainer.defaultProps = {
1293
1293
  };
1294
1294
 
1295
1295
  export { FormikContainer as F };
1296
- //# sourceMappingURL=FormikContainer-3981aa2f.js.map
1296
+ //# sourceMappingURL=FormikContainer-bce6f053.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormikContainer-3981aa2f.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"FormikContainer-bce6f053.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -13,7 +13,6 @@ import { D as DialogHandler } from './Toast-d07ba541.js';
13
13
  import 'react-dom';
14
14
  import { noop } from './isEmptyObject.js';
15
15
  import { u as useMeasure } from './useMeasure-c4c687e9.js';
16
- import imageCompression from 'browser-image-compression';
17
16
  import libheif from 'libheif-js/wasm-bundle';
18
17
  import { s as showLabel } from './showLabel-b80f881c.js';
19
18
  import './Button.js';
@@ -25,25 +24,6 @@ import { L as LoadingEllipsis } from './LoadingEllipsis-505a407e.js';
25
24
  import { HeadingH2 } from './BodyLEmphasis.js';
26
25
  import { focusAfter, absoluteFill } from './focusAfter.js';
27
26
 
28
- var compressImage = function (file) { return __awaiter(void 0, void 0, void 0, function () {
29
- var options, compressedFile;
30
- return __generator(this, function (_a) {
31
- switch (_a.label) {
32
- case 0:
33
- options = {
34
- maxSizeMB: 2,
35
- maxWidthOrHeight: 1920,
36
- useWebWorker: true,
37
- alwaysKeepResolution: true,
38
- };
39
- return [4 /*yield*/, imageCompression(file, options)];
40
- case 1:
41
- compressedFile = _a.sent();
42
- return [2 /*return*/, compressedFile];
43
- }
44
- });
45
- }); };
46
-
47
27
  function dataURLToBlob(dataUrl) {
48
28
  var byteString = atob(dataUrl.split(",")[1]);
49
29
  var mimeString = dataUrl.split(",")[0].split(":")[1].split(";")[0];
@@ -254,27 +234,24 @@ var ImagePicker = function (_a) {
254
234
  }
255
235
  }, [placeholderImageUrl]);
256
236
  var readURI = function (event) { return __awaiter(void 0, void 0, void 0, function () {
257
- var file, fileExtension, convertedFile, compressedFile, isNotAnImage, fileSizeKB, reader;
237
+ var file, fileExtension, convertedFile, isNotAnImage, fileSizeKB, reader;
258
238
  var _a, _b;
259
239
  return __generator(this, function (_c) {
260
240
  switch (_c.label) {
261
241
  case 0:
262
- _c.trys.push([0, 4, , 5]);
242
+ _c.trys.push([0, 3, 4, 5]);
263
243
  file = (_b = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0];
264
244
  if (!file) {
265
245
  throw new Error("Error: file is undefined");
266
246
  }
267
247
  fileExtension = getFileExtension(file.name);
268
- if (!(fileExtension === "heic")) return [3 /*break*/, 3];
248
+ if (!(fileExtension === "heic")) return [3 /*break*/, 2];
269
249
  return [4 /*yield*/, convertHEICtoPNG(file)];
270
250
  case 1:
271
251
  convertedFile = _c.sent();
272
- return [4 /*yield*/, compressImage(convertedFile)];
252
+ file = convertedFile;
253
+ _c.label = 2;
273
254
  case 2:
274
- compressedFile = _c.sent();
275
- file = compressedFile;
276
- _c.label = 3;
277
- case 3:
278
255
  isNotAnImage = !file.type.match(/^image\/+/g);
279
256
  fileSizeKB = file.size / 1000;
280
257
  if (isNotAnImage) {
@@ -296,7 +273,7 @@ var ImagePicker = function (_a) {
296
273
  reader.readAsDataURL(file);
297
274
  }
298
275
  return [2 /*return*/, file];
299
- case 4:
276
+ case 3:
300
277
  _c.sent();
301
278
  showToast({
302
279
  title: "",
@@ -304,6 +281,9 @@ var ImagePicker = function (_a) {
304
281
  colorFamily: ConnotationColorEnum.Negative,
305
282
  });
306
283
  return [3 /*break*/, 5];
284
+ case 4:
285
+ setLoading(false);
286
+ return [7 /*endfinally*/];
307
287
  case 5: return [2 /*return*/];
308
288
  }
309
289
  });
@@ -346,35 +326,11 @@ var ImagePicker = function (_a) {
346
326
  labelColor: labelColor,
347
327
  htmlFor: "".concat(imageLabel, "_imagePicker"),
348
328
  removePaddingRight: required,
349
- }), required && (jsx(Asterisk, __assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)), jsxs(PickerBox, __assign({ "$disabled": disabled, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride }, { children: [loading ? (jsx(EllipsisContainer, { children: jsx(LoadingEllipsis, {}, void 0) }, void 0)) : (jsxs(Fragment, { children: [jsx(ImageInput, __assign({}, (imageLabel ? { id: "".concat(imageLabel, "_imagePicker") } : {}), { accept: "image/*,.heic", disabled: disabled, onChange: function (event) { return __awaiter(void 0, void 0, void 0, function () {
350
- var file, fileExtension, fileList, error_2;
351
- return __generator(this, function (_a) {
352
- switch (_a.label) {
353
- case 0:
354
- _a.trys.push([0, 2, 3, 4]);
355
- setLoading(true);
356
- return [4 /*yield*/, readURI(event)];
357
- case 1:
358
- file = _a.sent();
359
- fileExtension = getFileExtension((file === null || file === void 0 ? void 0 : file.name) || "");
360
- if (file && fileExtension === "heic") {
361
- fileList = new DataTransfer();
362
- fileList.items.add(file);
363
- event.target.files = fileList.files;
364
- }
365
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
366
- return [3 /*break*/, 4];
367
- case 2:
368
- error_2 = _a.sent();
369
- console.error("Error processing image: ".concat(error_2));
370
- return [3 /*break*/, 4];
371
- case 3:
372
- setLoading(false);
373
- return [7 /*endfinally*/];
374
- case 4: return [2 /*return*/];
375
- }
376
- });
377
- }); }, name: name, required: required, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride, type: "file" }), void 0), tempFile ? (jsx(CenterImage, __assign({ "$themeOverride": themeOverride }, { children: jsx(LoadedImage, { src: tempFile }, void 0) }), void 0)) : placeholder ? (jsx(CenterImage, __assign({ "$themeOverride": themeOverride }, { children: jsx(LoadedImage, { src: placeholder, "data-testid": "placeholderImage" }, void 0) }), void 0)) : placeholderInitials ? (jsx(PlaceholderCircle, __assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: jsx(PlaceholderInitials, __assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: formattedInitials }), void 0) }), void 0)) : PlaceholderIcon || actionText ? (jsxs(CenterGrid, __assign({ "$themeOverride": themeOverride }, { children: [jsx(PlaceholderIconBox, __assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: PlaceholderIcon && jsx(PlaceholderIcon, {}, void 0) }), void 0), actionText && (jsx(ActionTextBox, { children: actionButtonVariant === ButtonVariantEnum.Text ? (jsx(FakeTextLink, __assign({ "$themeOverride": themeOverride }, { children: actionText }), void 0)) : (jsx(SingleButton, { variant: actionButtonVariant, text: actionText, onClick: noop, clickable: false }, void 0)) }, void 0))] }), void 0)) : null] }, void 0)), !hideIcon && !deleteButton && (jsx(EditIconBox, __assign({ "$themeOverride": themeOverride, "$bgColor": editIconColorGroup.light }, { children: jsx(Edit, { title: "editIcon", fill: editIconColorGroup.main }, void 0) }), void 0)), deleteButton && (jsx(DeleteIconBox, __assign({ "$themeOverride": themeOverride }, { children: jsx(IconButton, { Icon: Trash, colorFamily: deleteButtonColorFamily, colorFamilyOverride: deleteButtonColorFamilyOverride, preventClick: disabled, size: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.iconSize) || theme.imagePicker.iconSize, themeOverride: { backgroundColor: deleteIconColorGroup.light }, onClick: clearInput }, void 0) }), void 0))] }), void 0), !inline && validationMessage && (jsx(ValidationText, __assign({ ref: validationRef, "$showValidationMessage": showValidationMessage, "$disabled": disabled, "$failColor": failColor, "$disabledColor": disabledColor, "$designSwitch": designSwitch || !imageLabel }, { children: validationMessage }), void 0)), helperTextVisible && helperText && !inline && (jsx(HelperText, __assign({ "$disabled": disabled, "$helperTextColor": helperTextColor, "$disabledColor": disabledColor }, { children: helperText }), void 0))] }), void 0));
329
+ }), required && (jsx(Asterisk, __assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)), jsxs(PickerBox, __assign({ "$disabled": disabled, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride }, { children: [loading ? (jsx(EllipsisContainer, { children: jsx(LoadingEllipsis, {}, void 0) }, void 0)) : (jsxs(Fragment, { children: [jsx(ImageInput, __assign({}, (imageLabel ? { id: "".concat(imageLabel, "_imagePicker") } : {}), { accept: "image/*,.heic", disabled: disabled, onChange: function (event) {
330
+ setLoading(true);
331
+ readURI(event);
332
+ onChange === null || onChange === void 0 ? void 0 : onChange(event);
333
+ }, name: name, required: required, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride, type: "file" }), void 0), tempFile ? (jsx(CenterImage, __assign({ "$themeOverride": themeOverride }, { children: jsx(LoadedImage, { src: tempFile }, void 0) }), void 0)) : placeholder ? (jsx(CenterImage, __assign({ "$themeOverride": themeOverride }, { children: jsx(LoadedImage, { src: placeholder, "data-testid": "placeholderImage" }, void 0) }), void 0)) : placeholderInitials ? (jsx(PlaceholderCircle, __assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: jsx(PlaceholderInitials, __assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: formattedInitials }), void 0) }), void 0)) : PlaceholderIcon || actionText ? (jsxs(CenterGrid, __assign({ "$themeOverride": themeOverride }, { children: [jsx(PlaceholderIconBox, __assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: PlaceholderIcon && jsx(PlaceholderIcon, {}, void 0) }), void 0), actionText && (jsx(ActionTextBox, { children: actionButtonVariant === ButtonVariantEnum.Text ? (jsx(FakeTextLink, __assign({ "$themeOverride": themeOverride }, { children: actionText }), void 0)) : (jsx(SingleButton, { variant: actionButtonVariant, text: actionText, onClick: noop, clickable: false }, void 0)) }, void 0))] }), void 0)) : null] }, void 0)), !hideIcon && !deleteButton && (jsx(EditIconBox, __assign({ "$themeOverride": themeOverride, "$bgColor": editIconColorGroup.light }, { children: jsx(Edit, { title: "editIcon", fill: editIconColorGroup.main }, void 0) }), void 0)), deleteButton && (jsx(DeleteIconBox, __assign({ "$themeOverride": themeOverride }, { children: jsx(IconButton, { Icon: Trash, colorFamily: deleteButtonColorFamily, colorFamilyOverride: deleteButtonColorFamilyOverride, preventClick: disabled, size: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.iconSize) || theme.imagePicker.iconSize, themeOverride: { backgroundColor: deleteIconColorGroup.light }, onClick: clearInput }, void 0) }), void 0))] }), void 0), !inline && validationMessage && (jsx(ValidationText, __assign({ ref: validationRef, "$showValidationMessage": showValidationMessage, "$disabled": disabled, "$failColor": failColor, "$disabledColor": disabledColor, "$designSwitch": designSwitch || !imageLabel }, { children: validationMessage }), void 0)), helperTextVisible && helperText && !inline && (jsx(HelperText, __assign({ "$disabled": disabled, "$helperTextColor": helperTextColor, "$disabledColor": disabledColor }, { children: helperText }), void 0))] }), void 0));
378
334
  };
379
335
  ImagePicker.defaultProps = {
380
336
  editButtonColorFamily: ButtonColorFamilyEnum.Blue,
@@ -382,4 +338,4 @@ ImagePicker.defaultProps = {
382
338
  };
383
339
 
384
340
  export { ImagePicker as I };
385
- //# sourceMappingURL=ImagePicker-58a52c67.js.map
341
+ //# sourceMappingURL=ImagePicker-88dba2fb.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ImagePicker-78d003fd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ImagePicker-88dba2fb.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- export { I as ImagePicker } from './ImagePicker-58a52c67.js';
1
+ export { I as ImagePicker } from './ImagePicker-88dba2fb.js';
2
2
  import './_tslib-1a4c929e.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
@@ -36,7 +36,6 @@ import './ButtonVariantEnum.js';
36
36
  import './CheckmarkCircle.js';
37
37
  import './Warning-09535167.js';
38
38
  import 'react-dom';
39
- import 'browser-image-compression';
40
39
  import 'libheif-js/wasm-bundle';
41
40
  import './showLabel-b80f881c.js';
42
41
  import './SingleButton-4b90fc1f.js';
@@ -1 +1 @@
1
- {"version":3,"file":"ImagePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ImagePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,7 +2,7 @@ import { a as __makeTemplateObject, _ as __assign } from './_tslib-1a4c929e.js';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { useCallback } from 'react';
4
4
  import { styled, useTheme } from 'styled-components';
5
- import { A as Avatar } from './Avatar-4a877971.js';
5
+ import { A as Avatar } from './Avatar-746b2334.js';
6
6
  import { I as InteriorSidebar } from './InteriorSidebar-af6e84db.js';
7
7
  import { isBrowser } from './isEmptyObject.js';
8
8
  import { u as useMeasure } from './useMeasure-c4c687e9.js';
@@ -54,4 +54,4 @@ var LogoSidebar = function (_a) {
54
54
  LogoSidebar.defaultProps = {};
55
55
 
56
56
  export { LogoSidebar as L };
57
- //# sourceMappingURL=LogoSidebar-6fc85e82.js.map
57
+ //# sourceMappingURL=LogoSidebar-fd8fa2b5.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LogoSidebar-fd8fa2b5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,9 +1,9 @@
1
- export { L as LogoSidebar } from './LogoSidebar-6fc85e82.js';
1
+ export { L as LogoSidebar } from './LogoSidebar-fd8fa2b5.js';
2
2
  import './_tslib-1a4c929e.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
5
5
  import 'styled-components';
6
- import './Avatar-4a877971.js';
6
+ import './Avatar-746b2334.js';
7
7
  import './pressedEnter.js';
8
8
  import './getInitialsOnly.js';
9
9
  import './InteriorSidebar-af6e84db.js';
@@ -1,7 +1,7 @@
1
1
  import { a as __makeTemplateObject, _ as __assign } from './_tslib-1a4c929e.js';
2
2
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
3
3
  import React__default, { useRef, useEffect } from 'react';
4
- import { A as Avatar } from './Avatar-4a877971.js';
4
+ import { A as Avatar } from './Avatar-746b2334.js';
5
5
  import { getInitialsOnly } from './getInitialsOnly.js';
6
6
  import { colors } from './colors.js';
7
7
  import { pressedEnter } from './pressedEnter.js';
@@ -7,7 +7,7 @@ import 'react';
7
7
  import 'react-dom';
8
8
  import './isEmptyObject.js';
9
9
  import './position-70aef3e6.js';
10
- import './Avatar-4a877971.js';
10
+ import './Avatar-746b2334.js';
11
11
  import './pressedEnter.js';
12
12
  import './getInitialsOnly.js';
13
13
  import './colors.js';
@@ -1,7 +1,7 @@
1
1
  import { a as __makeTemplateObject, _ as __assign } from './_tslib-1a4c929e.js';
2
2
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
3
3
  import { useState, useEffect } from 'react';
4
- import { A as Avatar } from './Avatar-4a877971.js';
4
+ import { A as Avatar } from './Avatar-746b2334.js';
5
5
  import { T as TruncatePicker } from './TruncatePicker-0927c14e.js';
6
6
  import { colors } from './colors.js';
7
7
  import { getTextWidth } from './isEmptyObject.js';
@@ -220,4 +220,4 @@ var UserInformationCard = function (_a) {
220
220
  };
221
221
 
222
222
  export { UserInformationCard as U };
223
- //# sourceMappingURL=UserInformationCard-a6507e15.js.map
223
+ //# sourceMappingURL=UserInformationCard-f6594a6d.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"UserInformationCard-a6507e15.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"UserInformationCard-f6594a6d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,8 +1,8 @@
1
- export { U as UserInformationCard } from './UserInformationCard-a6507e15.js';
1
+ export { U as UserInformationCard } from './UserInformationCard-f6594a6d.js';
2
2
  import './_tslib-1a4c929e.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
5
- import './Avatar-4a877971.js';
5
+ import './Avatar-746b2334.js';
6
6
  import './pressedEnter.js';
7
7
  import 'styled-components';
8
8
  import './getInitialsOnly.js';
package/lib/esm/index.js CHANGED
@@ -8,7 +8,7 @@ import { S as Separator } from './FormStyles-bf01f03c.js';
8
8
  export { F as FormWrapper } from './FormStyles-bf01f03c.js';
9
9
  export { A as AlertCount } from './AlertCount-ed5edfb1.js';
10
10
  export { A as AddressInput } from './AddressInput-833de86d.js';
11
- export { A as Avatar } from './Avatar-4a877971.js';
11
+ export { A as Avatar } from './Avatar-746b2334.js';
12
12
  export { getInitialsOnly } from './getInitialsOnly.js';
13
13
  export { BoxedButton } from './BoxedButton.js';
14
14
  export { BoxedOutlineButton } from './BoxedOutlineButton.js';
@@ -47,13 +47,13 @@ import { A as ASTERISK_OFFSET_SPACE } from './helpers-e2f33583.js';
47
47
  export { D as DrawerDivider } from './DrawerDivider-5b10a31b.js';
48
48
  export { E as EmailInput } from './EmailInput-3d43f7fe.js';
49
49
  export { Footer } from './Footer.js';
50
- export { F as Form } from './FormikContainer-3981aa2f.js';
50
+ export { F as Form } from './FormikContainer-bce6f053.js';
51
51
  export { FormFieldTypeEnum, RemovableFieldTypeEnum, isAddress, isCheckbox, isCheckboxGroup, isConfigurableInput, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isFormFieldType, isImagePicker, isMultiSelect, isNumber, isPassword, isPhone, isRadioGroup, isRemovable, isSectionHeader, isSelect, isSocialSecurity, isSplitLine, isStateSelect, isTextarea, isToggle, isToggleGroup, isZipCode } from './FormFieldTypeEnum.js';
52
52
  export { F as FiltersBar } from './FiltersBar-25250ff0.js';
53
53
  export { H as HorizontalTabMenu } from './HorizontalTabMenu-7f72f11a.js';
54
54
  export { I as IconButton } from './IconButton-3083ac19.js';
55
55
  export { I as IconTile } from './IconTile-ccdd2d4e.js';
56
- export { I as ImagePicker } from './ImagePicker-58a52c67.js';
56
+ export { I as ImagePicker } from './ImagePicker-88dba2fb.js';
57
57
  export { I as InlineCreditCardInput, a as applyCreditCardMask } from './InlineCreditCardInput-326e0e7f.js';
58
58
  export { I as InlineCurrencyInput, a as applyCurrencyMask } from './InlineCurrencyInput-51a48ddd.js';
59
59
  export { I as InlineEmailInput } from './InlineEmailInput-b6c8b8b2.js';
@@ -71,7 +71,7 @@ export { Scroller, ShortScroller } from './Scroller.js';
71
71
  import { focusAfter } from './focusAfter.js';
72
72
  export { focusAfter } from './focusAfter.js';
73
73
  export { L as LoadingEllipsis } from './LoadingEllipsis-505a407e.js';
74
- export { L as LogoSidebar } from './LogoSidebar-6fc85e82.js';
74
+ export { L as LogoSidebar } from './LogoSidebar-fd8fa2b5.js';
75
75
  export { M as Modal } from './Modal-24b59bc8.js';
76
76
  export { InlinePasswordInput } from './InlinePasswordInput.js';
77
77
  export { PasswordInput } from './PasswordInput.js';
@@ -120,7 +120,7 @@ export { U as UploadDropzone } from './UploadDropzone-f6b591f3.js';
120
120
  export { DropzoneColorFamilyEnum } from './DropzoneColorFamilyEnum.js';
121
121
  export { UserCard } from './UserCard.js';
122
122
  export { UserCardModal } from './UserCardModal.js';
123
- export { U as UserInformationCard } from './UserInformationCard-a6507e15.js';
123
+ export { U as UserInformationCard } from './UserInformationCard-f6594a6d.js';
124
124
  export { InlineZipCodeInput } from './InlineZipCodeInput.js';
125
125
  export { ZipCodeInput } from './ZipCodeInput.js';
126
126
  export { applyZipCodeMask } from './applyZipCodeMask.js';
@@ -292,7 +292,6 @@ import './useIsomorphicLayoutEffect-02f8ff90.js';
292
292
  import 'dayjs';
293
293
  import './RadioStyles-876d7b0d.js';
294
294
  import 'formik';
295
- import 'browser-image-compression';
296
295
  import 'libheif-js/wasm-bundle';
297
296
  import '@rjsf/core';
298
297
  import '@rjsf/validator-ajv8';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cerebruminc/cerebellum",
3
- "version": "13.4.2",
3
+ "version": "13.4.3",
4
4
  "description": "Cerebrum's React Component Library",
5
5
  "type": "module",
6
6
  "main": "lib/cjs/index.cjs",
@@ -131,7 +131,6 @@
131
131
  "@rjsf/core": "^5.10.0",
132
132
  "@rjsf/utils": "^5.10.0",
133
133
  "@rjsf/validator-ajv8": "^5.12.0",
134
- "browser-image-compression": "^2.0.2",
135
134
  "country-flag-icons": "^1.5.11",
136
135
  "dayjs": "^1.10.7",
137
136
  "dotenv": "^10.0.0",
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar-7bb7b116.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"LogoSidebar-5cb2c524.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar-4a877971.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"LogoSidebar-6fc85e82.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- export declare const compressImage: (file: File) => Promise<File>;