@dcl/asset-packs 2.3.1 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/bin/index.js +3722 -1596
  2. package/catalog.json +127 -1
  3. package/dist/admin-toolkit-ui/Active.d.ts +11 -0
  4. package/dist/admin-toolkit-ui/Active.js +32 -0
  5. package/dist/admin-toolkit-ui/Button.d.ts +22 -9
  6. package/dist/admin-toolkit-ui/Button.js +45 -28
  7. package/dist/admin-toolkit-ui/Card.d.ts +6 -0
  8. package/dist/admin-toolkit-ui/Card.js +22 -0
  9. package/dist/admin-toolkit-ui/Error.d.ts +9 -0
  10. package/dist/admin-toolkit-ui/Error.js +31 -0
  11. package/dist/admin-toolkit-ui/Header.d.ts +8 -0
  12. package/dist/admin-toolkit-ui/Header.js +17 -0
  13. package/dist/admin-toolkit-ui/Loading.d.ts +11 -0
  14. package/dist/admin-toolkit-ui/Loading.js +31 -0
  15. package/dist/admin-toolkit-ui/ModerationControl/AddUserInput.d.ts +7 -0
  16. package/dist/admin-toolkit-ui/ModerationControl/AddUserInput.js +67 -0
  17. package/dist/admin-toolkit-ui/ModerationControl/AdminList.d.ts +10 -0
  18. package/dist/admin-toolkit-ui/ModerationControl/AdminList.js +192 -0
  19. package/dist/admin-toolkit-ui/ModerationControl/RemoveAdminConfirmation.d.ts +8 -0
  20. package/dist/admin-toolkit-ui/ModerationControl/RemoveAdminConfirmation.js +75 -0
  21. package/dist/admin-toolkit-ui/ModerationControl/api.d.ts +12 -0
  22. package/dist/admin-toolkit-ui/ModerationControl/api.js +28 -0
  23. package/dist/admin-toolkit-ui/ModerationControl/index.d.ts +23 -0
  24. package/dist/admin-toolkit-ui/ModerationControl/index.js +37 -0
  25. package/dist/admin-toolkit-ui/SmartItemsControl.js +34 -56
  26. package/dist/admin-toolkit-ui/TextAnnouncementsControl.js +50 -59
  27. package/dist/admin-toolkit-ui/VideoControl/LiveStream/DeleteStreamKey.d.ts +7 -0
  28. package/dist/admin-toolkit-ui/VideoControl/LiveStream/DeleteStreamKey.js +62 -0
  29. package/dist/admin-toolkit-ui/{VideoControl.d.ts → VideoControl/LiveStream/GenerateStreamKey.d.ts} +2 -3
  30. package/dist/admin-toolkit-ui/VideoControl/LiveStream/GenerateStreamKey.js +41 -0
  31. package/dist/admin-toolkit-ui/VideoControl/LiveStream/ShowStreamKey.d.ts +11 -0
  32. package/dist/admin-toolkit-ui/VideoControl/LiveStream/ShowStreamKey.js +112 -0
  33. package/dist/admin-toolkit-ui/VideoControl/LiveStream/index.d.ts +10 -0
  34. package/dist/admin-toolkit-ui/VideoControl/LiveStream/index.js +62 -0
  35. package/dist/admin-toolkit-ui/VideoControl/VideoUrl.d.ts +9 -0
  36. package/dist/admin-toolkit-ui/VideoControl/VideoUrl.js +125 -0
  37. package/dist/admin-toolkit-ui/VideoControl/VolumeControl.d.ts +8 -0
  38. package/dist/admin-toolkit-ui/VideoControl/VolumeControl.js +82 -0
  39. package/dist/admin-toolkit-ui/VideoControl/api.d.ts +12 -0
  40. package/dist/admin-toolkit-ui/VideoControl/api.js +17 -0
  41. package/dist/admin-toolkit-ui/VideoControl/index.d.ts +28 -0
  42. package/dist/admin-toolkit-ui/VideoControl/index.js +107 -0
  43. package/dist/admin-toolkit-ui/VideoControl/utils.d.ts +28 -0
  44. package/dist/admin-toolkit-ui/VideoControl/utils.js +87 -0
  45. package/dist/admin-toolkit-ui/fetch-utils.d.ts +14 -0
  46. package/dist/admin-toolkit-ui/fetch-utils.js +41 -0
  47. package/dist/admin-toolkit-ui/index.d.ts +11 -0
  48. package/dist/admin-toolkit-ui/index.js +200 -272
  49. package/dist/admin-toolkit-ui/types.d.ts +0 -2
  50. package/dist/admin-toolkit-ui/types.js +1 -1
  51. package/dist/admin-toolkit-ui/utils.d.ts +10 -2
  52. package/dist/admin-toolkit-ui/utils.js +31 -51
  53. package/dist/bin/index.js +3722 -1596
  54. package/dist/definitions.d.ts +18 -17
  55. package/dist/definitions.js +12 -10
  56. package/dist/enums.d.ts +5 -0
  57. package/dist/enums.js +7 -1
  58. package/dist/id.d.ts +2 -4
  59. package/dist/scene-entrypoint.js +1 -1
  60. package/package.json +6 -6
  61. package/dist/admin-toolkit-ui/VideoControl.js +0 -297
package/catalog.json CHANGED
@@ -82995,7 +82995,7 @@
82995
82995
  {
82996
82996
  "id": "dc5ec17b-aa1a-4bd0-bace-7d615d9bdc70",
82997
82997
  "name": "Video Player",
82998
- "category": "media",
82998
+ "category": "deprecated",
82999
82999
  "tags": [
83000
83000
  "video"
83001
83001
  ],
@@ -83297,6 +83297,132 @@
83297
83297
  },
83298
83298
  "contents": {
83299
83299
  "composite.json": "bafkreigcwwkscl5dyslnn257dhhtle6jsqlsgqwbwa3wnomcrlogy3jhy4",
83300
+ "thumbnail.png": "bafkreiabxl2r7i5p2462ukuzu3m6gm6gawnjei4hsxmayylolrzpw6zzpi",
83301
+ "video_player.glb": "bafkreigawstlqghqgbrczve7xyc6ecim3cwb6vkyennvhnvatuhoaysbzu"
83302
+ }
83303
+ },
83304
+ {
83305
+ "id": "dc5ec17b-aa1a-4bd0-bace-7d615d9bdc71",
83306
+ "name": "Video Screen",
83307
+ "category": "media",
83308
+ "tags": [
83309
+ "video"
83310
+ ],
83311
+ "composite": {
83312
+ "version": 1,
83313
+ "components": [
83314
+ {
83315
+ "name": "core::VideoPlayer",
83316
+ "data": {
83317
+ "0": {
83318
+ "json": {
83319
+ "src": "https://player.vimeo.com/external/552481870.m3u8?s=c312c8533f97e808fccc92b0510b085c8122a875",
83320
+ "playing": true
83321
+ }
83322
+ }
83323
+ }
83324
+ },
83325
+ {
83326
+ "name": "core::MeshRenderer",
83327
+ "data": {
83328
+ "0": {
83329
+ "json": {
83330
+ "mesh": {
83331
+ "$case": "plane",
83332
+ "plane": {
83333
+ "uvs": []
83334
+ }
83335
+ }
83336
+ }
83337
+ }
83338
+ }
83339
+ },
83340
+ {
83341
+ "name": "core::MeshCollider",
83342
+ "data": {
83343
+ "0": {
83344
+ "json": {
83345
+ "collisionMask": 1,
83346
+ "mesh": {
83347
+ "$case": "plane",
83348
+ "plane": {
83349
+ "uvs": []
83350
+ }
83351
+ }
83352
+ }
83353
+ }
83354
+ }
83355
+ },
83356
+ {
83357
+ "name": "core::Material",
83358
+ "data": {
83359
+ "0": {
83360
+ "json": {
83361
+ "material": {
83362
+ "$case": "pbr",
83363
+ "pbr": {
83364
+ "texture": {
83365
+ "tex": {
83366
+ "$case": "videoTexture",
83367
+ "videoTexture": {
83368
+ "videoPlayerEntity": 0
83369
+ }
83370
+ }
83371
+ },
83372
+ "roughness": 1,
83373
+ "specularIntensity": 0,
83374
+ "metallic": 0
83375
+ }
83376
+ }
83377
+ }
83378
+ }
83379
+ }
83380
+ },
83381
+ {
83382
+ "name": "core-schema::Sync-Components",
83383
+ "data": {
83384
+ "0": {
83385
+ "json": {
83386
+ "value": [
83387
+ "core::VideoPlayer"
83388
+ ]
83389
+ }
83390
+ }
83391
+ }
83392
+ },
83393
+ {
83394
+ "name": "asset-packs::VideoScreen",
83395
+ "data": {
83396
+ "0": {
83397
+ "json": {
83398
+ "thumbnail": "https://boedo.casla",
83399
+ "defaultMediaSource": 0,
83400
+ "defaultURL": "https://player.vimeo.com/external/552481870.m3u8?s=c312c8533f97e808fccc92b0510b085c8122a875"
83401
+ }
83402
+ }
83403
+ }
83404
+ },
83405
+ {
83406
+ "name": "inspector::Config",
83407
+ "data": {
83408
+ "0": {
83409
+ "json": {
83410
+ "isBasicViewEnabled": true,
83411
+ "componentName": "Video Screen",
83412
+ "fields": [
83413
+ {
83414
+ "name": "Config",
83415
+ "type": "asset-packs::VideoScreen"
83416
+ }
83417
+ ]
83418
+ }
83419
+ }
83420
+ }
83421
+ }
83422
+ ]
83423
+ },
83424
+ "contents": {
83425
+ "composite.json": "bafkreidk5t5wwjw7o7xsv644ntgadyrzddi677z4oetel6uj5ghwihlohu",
83300
83426
  "thumbnail.png": "bafkreia2y4mxdubakbafwsm5mdpa3ehtuvemumjdeqkfjmj6sskjay2or4",
83301
83427
  "video_player.glb": "bafkreigawstlqghqgbrczve7xyc6ecim3cwb6vkyennvhnvatuhoaysbzu"
83302
83428
  }
@@ -0,0 +1,11 @@
1
+ import { IEngine } from '@dcl/ecs';
2
+ import ReactEcs, { UiTransformProps } from '@dcl/react-ecs';
3
+ interface LoadingProps {
4
+ scaleFactor: number;
5
+ engine: IEngine;
6
+ width?: number;
7
+ height?: number;
8
+ uiTransform?: UiTransformProps;
9
+ }
10
+ export declare function Active({ scaleFactor, engine, width, height, uiTransform }: LoadingProps): ReactEcs.JSX.Element;
11
+ export {};
@@ -0,0 +1,32 @@
1
+ import { Color4 } from '@dcl/ecs-math';
2
+ import ReactEcs, { Label, UiEntity } from '@dcl/react-ecs';
3
+ import { clearInterval, setInterval } from './utils';
4
+ import { COLORS } from './VideoControl';
5
+ export function Active({ scaleFactor, engine, width = 8, height = 8, uiTransform }) {
6
+ let frame = 0;
7
+ const [_frame, setFrame] = ReactEcs.useState(0);
8
+ ReactEcs.useEffect(() => {
9
+ const interval = setInterval(engine, () => {
10
+ frame = (frame + 1) % 2;
11
+ setFrame(frame);
12
+ }, 340);
13
+ return () => clearInterval(engine, interval);
14
+ }, []);
15
+ return (ReactEcs.createElement(UiEntity, { uiTransform: {
16
+ display: 'flex',
17
+ flexDirection: 'row',
18
+ justifyContent: 'center',
19
+ alignItems: 'center',
20
+ ...uiTransform
21
+ } },
22
+ ReactEcs.createElement(UiEntity, { uiTransform: {
23
+ width: width * scaleFactor,
24
+ height: height * scaleFactor,
25
+ borderRadius: (width / 2) * scaleFactor,
26
+ margin: { right: 8 * scaleFactor },
27
+ }, uiBackground: {
28
+ color: _frame === 1 ? COLORS.SUCCESS : Color4.fromHexString('#43404A'),
29
+ } }),
30
+ ReactEcs.createElement(Label, { value: "<b>Active</b>", color: COLORS.SUCCESS, fontSize: 16 * scaleFactor })));
31
+ }
32
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2FkbWluLXRvb2xraXQtdWkvQWN0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3RDLE9BQU8sUUFBUSxFQUFFLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBb0IsTUFBTSxnQkFBZ0IsQ0FBQTtBQUM1RSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFVdkMsTUFBTSxVQUFVLE1BQU0sQ0FBQyxFQUNyQixXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssR0FBRyxDQUFDLEVBQ1QsTUFBTSxHQUFHLENBQUMsRUFDVixXQUFXLEVBQ0U7SUFDYixJQUFJLEtBQUssR0FBRyxDQUFDLENBQUE7SUFDYixNQUFNLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFFL0MsUUFBUSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDdEIsTUFBTSxRQUFRLEdBQUcsV0FBVyxDQUMxQixNQUFNLEVBQ04sR0FBRyxFQUFFO1lBQ0gsS0FBSyxHQUFHLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQTtZQUN2QixRQUFRLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDakIsQ0FBQyxFQUNELEdBQUcsQ0FDSixDQUFBO1FBQ0QsT0FBTyxHQUFHLEVBQUUsQ0FBQyxhQUFhLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFBO0lBQzlDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUVOLE9BQU8sQ0FDTCx1QkFBQyxRQUFRLElBQ1AsV0FBVyxFQUFFO1lBQ1gsT0FBTyxFQUFFLE1BQU07WUFDZixhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsUUFBUTtZQUNwQixHQUFHLFdBQVc7U0FDZjtRQUVELHVCQUFDLFFBQVEsSUFDUCxXQUFXLEVBQUU7Z0JBQ1gsS0FBSyxFQUFFLEtBQUssR0FBRyxXQUFXO2dCQUMxQixNQUFNLEVBQUUsTUFBTSxHQUFHLFdBQVc7Z0JBQzVCLFlBQVksRUFBRSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsR0FBRyxXQUFXO2dCQUN2QyxNQUFNLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxHQUFHLFdBQVcsRUFBRTthQUNuQyxFQUNELFlBQVksRUFBRTtnQkFDWixLQUFLLEVBQ0gsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUM7YUFDbEUsR0FDRDtRQUNGLHVCQUFDLEtBQUssSUFDSixLQUFLLEVBQUMsZUFBZSxFQUNyQixLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sRUFDckIsUUFBUSxFQUFFLEVBQUUsR0FBRyxXQUFXLEdBQzFCLENBQ08sQ0FDWixDQUFBO0FBQ0gsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElFbmdpbmUgfSBmcm9tICdAZGNsL2VjcydcbmltcG9ydCB7IENvbG9yNCB9IGZyb20gJ0BkY2wvZWNzLW1hdGgnXG5pbXBvcnQgUmVhY3RFY3MsIHsgTGFiZWwsIFVpRW50aXR5LCBVaVRyYW5zZm9ybVByb3BzIH0gZnJvbSAnQGRjbC9yZWFjdC1lY3MnXG5pbXBvcnQgeyBjbGVhckludGVydmFsLCBzZXRJbnRlcnZhbCB9IGZyb20gJy4vdXRpbHMnXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuL1ZpZGVvQ29udHJvbCdcblxuaW50ZXJmYWNlIExvYWRpbmdQcm9wcyB7XG4gIHNjYWxlRmFjdG9yOiBudW1iZXJcbiAgZW5naW5lOiBJRW5naW5lXG4gIHdpZHRoPzogbnVtYmVyXG4gIGhlaWdodD86IG51bWJlclxuICB1aVRyYW5zZm9ybT86IFVpVHJhbnNmb3JtUHJvcHNcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEFjdGl2ZSh7XG4gIHNjYWxlRmFjdG9yLFxuICBlbmdpbmUsXG4gIHdpZHRoID0gOCxcbiAgaGVpZ2h0ID0gOCxcbiAgdWlUcmFuc2Zvcm1cbn06IExvYWRpbmdQcm9wcykge1xuICBsZXQgZnJhbWUgPSAwXG4gIGNvbnN0IFtfZnJhbWUsIHNldEZyYW1lXSA9IFJlYWN0RWNzLnVzZVN0YXRlKDApXG5cbiAgUmVhY3RFY3MudXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBpbnRlcnZhbCA9IHNldEludGVydmFsKFxuICAgICAgZW5naW5lLFxuICAgICAgKCkgPT4ge1xuICAgICAgICBmcmFtZSA9IChmcmFtZSArIDEpICUgMlxuICAgICAgICBzZXRGcmFtZShmcmFtZSlcbiAgICAgIH0sXG4gICAgICAzNDAsXG4gICAgKVxuICAgIHJldHVybiAoKSA9PiBjbGVhckludGVydmFsKGVuZ2luZSwgaW50ZXJ2YWwpXG4gIH0sIFtdKVxuXG4gIHJldHVybiAoXG4gICAgPFVpRW50aXR5XG4gICAgICB1aVRyYW5zZm9ybT17e1xuICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxuICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICAuLi51aVRyYW5zZm9ybVxuICAgICAgfX1cbiAgICA+XG4gICAgICA8VWlFbnRpdHlcbiAgICAgICAgdWlUcmFuc2Zvcm09e3tcbiAgICAgICAgICB3aWR0aDogd2lkdGggKiBzY2FsZUZhY3RvcixcbiAgICAgICAgICBoZWlnaHQ6IGhlaWdodCAqIHNjYWxlRmFjdG9yLFxuICAgICAgICAgIGJvcmRlclJhZGl1czogKHdpZHRoIC8gMikgKiBzY2FsZUZhY3RvcixcbiAgICAgICAgICBtYXJnaW46IHsgcmlnaHQ6IDggKiBzY2FsZUZhY3RvciB9LFxuICAgICAgICB9fVxuICAgICAgICB1aUJhY2tncm91bmQ9e3tcbiAgICAgICAgICBjb2xvcjpcbiAgICAgICAgICAgIF9mcmFtZSA9PT0gMSA/IENPTE9SUy5TVUNDRVNTIDogQ29sb3I0LmZyb21IZXhTdHJpbmcoJyM0MzQwNEEnKSxcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgICA8TGFiZWxcbiAgICAgICAgdmFsdWU9XCI8Yj5BY3RpdmU8L2I+XCJcbiAgICAgICAgY29sb3I9e0NPTE9SUy5TVUNDRVNTfVxuICAgICAgICBmb250U2l6ZT17MTYgKiBzY2FsZUZhY3Rvcn1cbiAgICAgIC8+XG4gICAgPC9VaUVudGl0eT5cbiAgKVxufVxuIl19
@@ -1,13 +1,5 @@
1
- import ReactEcs, { UiButtonProps, UiTransformProps } from '@dcl/react-ecs';
1
+ import ReactEcs, { UiButtonProps, UiTransformProps, UiBackgroundProps } from '@dcl/react-ecs';
2
2
  import { Color4 } from '@dcl/sdk/math';
3
- export declare const BTN_PRIMARY_BACKGROUND = "https://builder-items.decentraland.org/admin_toolkit/assets/backgrounds/button-primary.png";
4
- export declare const BTN_SECONDARY_BACKGROUND = "https://builder-items.decentraland.org/admin_toolkit/assets/backgrounds/button-secondary.png";
5
- export declare const BTN_TEXT_BACKGROUND = "https://builder-items.decentraland.org/admin_toolkit/assets/backgrounds/button-text.png";
6
- export declare const BTN_BACKGROUND: {
7
- primary: string;
8
- secondary: string;
9
- text: string;
10
- };
11
3
  export declare const BTN_BACKGROUND_COLOR: {
12
4
  primary: {
13
5
  active: Color4.MutableColor4;
@@ -25,13 +17,34 @@ export declare const BTN_BACKGROUND_COLOR: {
25
17
  disabled: Color4.MutableColor4;
26
18
  };
27
19
  };
20
+ export declare const BTN_BORDER_COLOR: {
21
+ primary: {
22
+ active: Color4.MutableColor4;
23
+ hover: Color4.MutableColor4;
24
+ disabled: Color4.MutableColor4;
25
+ };
26
+ secondary: {
27
+ active: Color4.MutableColor4;
28
+ hover: Color4.MutableColor4;
29
+ disabled: Color4.MutableColor4;
30
+ };
31
+ text: {
32
+ active: Color4.MutableColor4;
33
+ hover: Color4.MutableColor4;
34
+ disabled: Color4.MutableColor4;
35
+ };
36
+ };
28
37
  type ButtonVariant = 'primary' | 'secondary' | 'text';
29
38
  interface CompositeButtonProps extends Omit<UiButtonProps, 'value' | 'variant'> {
30
39
  id: string;
31
40
  value?: string;
32
41
  icon?: string;
42
+ iconRight?: string;
43
+ iconRightTransform?: UiTransformProps;
33
44
  onlyIcon?: boolean;
34
45
  iconTransform?: UiTransformProps;
46
+ iconBackground?: UiBackgroundProps;
47
+ iconRightBackground?: UiBackgroundProps;
35
48
  variant?: ButtonVariant;
36
49
  labelTransform?: UiTransformProps;
37
50
  }
@@ -1,14 +1,6 @@
1
1
  import ReactEcs, { UiEntity, Label, } from '@dcl/react-ecs';
2
2
  import { Color4 } from '@dcl/sdk/math';
3
- import { CONTENT_URL } from './constants';
4
- export const BTN_PRIMARY_BACKGROUND = `${CONTENT_URL}/admin_toolkit/assets/backgrounds/button-primary.png`;
5
- export const BTN_SECONDARY_BACKGROUND = `${CONTENT_URL}/admin_toolkit/assets/backgrounds/button-secondary.png`;
6
- export const BTN_TEXT_BACKGROUND = `${CONTENT_URL}/admin_toolkit/assets/backgrounds/button-text.png`;
7
- export const BTN_BACKGROUND = {
8
- primary: BTN_PRIMARY_BACKGROUND,
9
- secondary: BTN_SECONDARY_BACKGROUND,
10
- text: BTN_TEXT_BACKGROUND,
11
- };
3
+ import { scaleFactor } from '.';
12
4
  export const BTN_BACKGROUND_COLOR = {
13
5
  primary: {
14
6
  active: Color4.create(252 / 255, 252 / 255, 252 / 255, 1),
@@ -16,9 +8,9 @@ export const BTN_BACKGROUND_COLOR = {
16
8
  disabled: Color4.create(74 / 255, 74 / 255, 74 / 255, 1),
17
9
  },
18
10
  secondary: {
19
- active: Color4.create(252 / 255, 252 / 255, 252 / 255, 1),
20
- hover: Color4.create(207 / 255, 205 / 255, 212 / 255, 1),
21
- disabled: Color4.create(74 / 255, 74 / 255, 74 / 255, 1),
11
+ active: Color4.create(252 / 255, 252 / 255, 252 / 255, 0),
12
+ hover: Color4.create(207 / 255, 205 / 255, 212 / 255, 0),
13
+ disabled: Color4.create(74 / 255, 74 / 255, 74 / 255, 0),
22
14
  },
23
15
  text: {
24
16
  active: Color4.create(0, 0, 0, 0),
@@ -26,37 +18,54 @@ export const BTN_BACKGROUND_COLOR = {
26
18
  disabled: Color4.create(74 / 255, 74 / 255, 74 / 255, 1),
27
19
  },
28
20
  };
21
+ export const BTN_BORDER_COLOR = {
22
+ primary: {
23
+ active: Color4.Clear(),
24
+ hover: Color4.Clear(),
25
+ disabled: Color4.Clear(),
26
+ },
27
+ secondary: {
28
+ active: Color4.White(),
29
+ hover: Color4.White(),
30
+ disabled: Color4.fromHexString('#323232'),
31
+ },
32
+ text: {
33
+ active: Color4.Clear(),
34
+ hover: Color4.Clear(),
35
+ disabled: Color4.Clear(),
36
+ },
37
+ };
29
38
  const buttonStates = new Map();
30
39
  const ACTIVE_STATE = {
31
40
  getColor: (variant) => BTN_BACKGROUND_COLOR[variant].active,
32
- backgroundImg: (variant) => BTN_BACKGROUND[variant],
41
+ borderColor: (variant) => BTN_BORDER_COLOR[variant].active
33
42
  };
34
43
  const DISABLED_STATE = {
35
44
  getColor: (variant) => BTN_BACKGROUND_COLOR[variant].disabled,
36
- backgroundImg: (variant) => BTN_BACKGROUND[variant],
45
+ borderColor: (variant) => BTN_BORDER_COLOR[variant].disabled,
37
46
  };
38
47
  const HOVER_STATE = {
39
48
  getColor: (variant) => BTN_BACKGROUND_COLOR[variant].hover,
40
- backgroundImg: (variant) => BTN_BACKGROUND[variant],
49
+ borderColor: (variant) => BTN_BORDER_COLOR[variant].hover,
41
50
  };
42
51
  export const Button = (props) => {
43
- const { id, value, onMouseDown, icon, onlyIcon, iconTransform, fontSize = 14, color = Color4.Black(), disabled, uiBackground, uiTransform, labelTransform, variant = 'primary', } = props;
52
+ const { id, value, onMouseDown, icon, onlyIcon, iconTransform, iconBackground, iconRight, iconRightTransform, fontSize = 14, color = Color4.Black(), disabled, uiBackground, uiTransform, labelTransform, iconRightBackground, variant = 'primary', } = props;
53
+ ReactEcs.useEffect(() => {
54
+ buttonStates.set(buttonId, disabled ? DISABLED_STATE : ACTIVE_STATE);
55
+ }, [disabled]);
44
56
  const buttonId = `button_${id}`;
45
57
  if (!buttonStates.has(buttonId)) {
46
58
  buttonStates.set(buttonId, disabled ? DISABLED_STATE : ACTIVE_STATE);
47
59
  }
48
60
  const buttonState = buttonStates.get(buttonId);
49
- return (ReactEcs.createElement(UiEntity, { uiTransform: uiTransform, uiBackground: {
61
+ return (ReactEcs.createElement(UiEntity, { uiTransform: {
62
+ borderColor: buttonState.borderColor(variant),
63
+ borderWidth: 2 * scaleFactor,
64
+ borderRadius: 12 * scaleFactor,
65
+ ...uiTransform,
66
+ }, uiBackground: {
67
+ color: buttonState.getColor(variant),
50
68
  ...uiBackground,
51
- ...(buttonState.backgroundImg
52
- ? {
53
- texture: {
54
- src: buttonState.backgroundImg(variant),
55
- },
56
- textureMode: 'stretch',
57
- color: buttonState.getColor(variant),
58
- }
59
- : {}),
60
69
  }, onMouseDown: () => {
61
70
  if (disabled) {
62
71
  return;
@@ -74,7 +83,15 @@ export const Button = (props) => {
74
83
  src: icon,
75
84
  },
76
85
  textureMode: 'stretch',
86
+ ...iconBackground,
77
87
  } })),
78
- !onlyIcon && !!value ? (ReactEcs.createElement(Label, { value: value, color: color, fontSize: fontSize, uiTransform: labelTransform })) : null));
88
+ !onlyIcon && !!value ? (ReactEcs.createElement(Label, { value: value, color: color, fontSize: fontSize, uiTransform: labelTransform })) : null,
89
+ iconRight && (ReactEcs.createElement(UiEntity, { uiTransform: iconRightTransform, uiBackground: {
90
+ texture: {
91
+ src: iconRight,
92
+ },
93
+ textureMode: 'stretch',
94
+ ...iconRightBackground
95
+ } }))));
79
96
  };
80
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2FkbWluLXRvb2xraXQtdWkvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFFBQVEsRUFBRSxFQUNmLFFBQVEsRUFDUixLQUFLLEdBR04sTUFBTSxnQkFBZ0IsQ0FBQTtBQUN2QixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3RDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFFekMsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQUcsR0FBRyxXQUFXLHNEQUFzRCxDQUFBO0FBQzFHLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFHLEdBQUcsV0FBVyx3REFBd0QsQ0FBQTtBQUM5RyxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxHQUFHLFdBQVcsbURBQW1ELENBQUE7QUFFcEcsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHO0lBQzVCLE9BQU8sRUFBRSxzQkFBc0I7SUFDL0IsU0FBUyxFQUFFLHdCQUF3QjtJQUNuQyxJQUFJLEVBQUUsbUJBQW1CO0NBQzFCLENBQUE7QUFFRCxNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBRztJQUNsQyxPQUFPLEVBQUU7UUFDUCxNQUFNLEVBQUUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEdBQUcsR0FBRyxFQUFFLEdBQUcsR0FBRyxHQUFHLEVBQUUsR0FBRyxHQUFHLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDekQsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxHQUFHLEdBQUcsRUFBRSxHQUFHLEdBQUcsR0FBRyxFQUFFLEdBQUcsR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ3hELFFBQVEsRUFBRSxNQUFNLENBQUMsTUFBTSxDQUFDLEVBQUUsR0FBRyxHQUFHLEVBQUUsRUFBRSxHQUFHLEdBQUcsRUFBRSxFQUFFLEdBQUcsR0FBRyxFQUFFLENB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QUFDLENBQUMsSUFBSSxDQUNDLENBQ1osQ0FBQTtBQUNILENBQUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdEVjcywge1xuICBVaUVudGl0eSxcbiAgTGFiZWwsXG4gIFVpQnV0dG9uUHJvcHMsXG4gIFVpVHJhbnNmb3JtUHJvcHMsXG59IGZyb20gJ0BkY2wvcmVhY3QtZWNzJ1xuaW1wb3J0IHsgQ29sb3I0IH0gZnJvbSAnQGRjbC9zZGsvbWF0aCdcbmltcG9ydCB7IENPTlRFTlRfVVJMIH0gZnJvbSAnLi9jb25zdGFudHMnXG5cbmV4cG9ydCBjb25zdCBCVE5fUFJJTUFSWV9CQUNLR1JPVU5EID0gYCR7Q09OVEVOVF9VUkx9L2FkbWluX3Rvb2xraXQvYXNzZXRzL2JhY2tncm91bmRzL2J1dHRvbi1wcmltYXJ5LnBuZ2BcbmV4cG9ydCBjb25zdCBCVE5fU0VDT05EQVJZX0JBQ0tHUk9VTkQgPSBgJHtDT05URU5UX1VSTH0vYWRtaW5fdG9vbGtpdC9hc3NldHMvYmFja2dyb3VuZHMvYnV0dG9uLXNlY29uZGFyeS5wbmdgXG5leHBvcnQgY29uc3QgQlROX1RFWFRfQkFDS0dST1VORCA9IGAke0NPTlRFTlRfVVJMfS9hZG1pbl90b29sa2l0L2Fzc2V0cy9iYWNrZ3JvdW5kcy9idXR0b24tdGV4dC5wbmdgXG5cbmV4cG9ydCBjb25zdCBCVE5fQkFDS0dST1VORCA9IHtcbiAgcHJpbWFyeTogQlROX1BSSU1BUllfQkFDS0dST1VORCxcbiAgc2Vjb25kYXJ5OiBCVE5fU0VDT05EQVJZX0JBQ0tHUk9VTkQsXG4gIHRleHQ6IEJUTl9URVhUX0JBQ0tHUk9VTkQsXG59XG5cbmV4cG9ydCBjb25zdCBCVE5fQkFDS0dST1VORF9DT0xPUiA9IHtcbiAgcHJpbWFyeToge1xuICAgIGFjdGl2ZTogQ29sb3I0LmNyZWF0ZSgyNTIgLyAyNTUsIDI1MiAvIDI1NSwgMjUyIC8gMjU1LCAxKSxcbiAgICBob3ZlcjogQ29sb3I0LmNyZWF0ZSgyMDcgLyAyNTUsIDIwNSAvIDI1NSwgMjEyIC8gMjU1LCAxKSxcbiAgICBkaXNhYmxlZDogQ29sb3I0LmNyZWF0ZSg3NCAvIDI1NSwgNzQgLyAyNTUsIDc0IC8gMjU1LCAxKSxcbiAgfSxcbiAgc2Vjb25kYXJ5OiB7XG4gICAgYWN0aXZlOiBDb2xvcjQuY3JlYXRlKDI1MiAvIDI1NSwgMjUyIC8gMjU1LCAyNTIgLyAyNTUsIDEpLFxuICAgIGhvdmVyOiBDb2xvcjQuY3JlYXRlKDIwNyAvIDI1NSwgMjA1IC8gMjU1LCAyMTIgLyAyNTUsIDEpLFxuICAgIGRpc2FibGVkOiBDb2xvcjQuY3JlYXRlKDc0IC8gMjU1LCA3NCAvIDI1NSwgNzQgLyAyNTUsIDEpLFxuICB9LFxuICB0ZXh0OiB7XG4gICAgYWN0aXZlOiBDb2xvcjQuY3JlYXRlKDAsIDAsIDAsIDApLFxuICAgIGhvdmVyOiBDb2xvcjQuY3JlYXRlKDI0IC8gMjU1LCAyNCAvIDI1NSwgMjQgLyAyNTUsIDEpLFxuICAgIGRpc2FibGVkOiBDb2xvcjQuY3JlYXRlKDc0IC8gMjU1LCA3NCAvIDI1NSwgNzQgLyAyNTUsIDEpLFxuICB9LFxufVxuXG50eXBlIEJ1dHRvblZhcmlhbnQgPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICd0ZXh0J1xuXG5pbnRlcmZhY2UgQnV0dG9uU3RhdGVQcm9wcyB7XG4gIGdldENvbG9yOiAodmFyaWFudDogQnV0dG9uVmFyaWFudCkgPT4gQ29sb3I0XG4gIGJhY2tncm91bmRJbWc6ICh2YXJpYW50OiBCdXR0b25WYXJpYW50KSA9PiBzdHJpbmdcbn1cblxuLy8gU3RvcmUgYnV0dG9uIHN0YXRlcyBhbmQgdmlzdWFsIHByb3BlcnRpZXMgaW4gYSBNYXBcbmNvbnN0IGJ1dHRvblN0YXRlcyA9IG5ldyBNYXA8c3RyaW5nLCBCdXR0b25TdGF0ZVByb3BzPigpXG5cbi8vIFByZS1jb21wdXRlIHRoZSB2aXN1YWwgc3RhdGVzXG5jb25zdCBBQ1RJVkVfU1RBVEU6IEJ1dHRvblN0YXRlUHJvcHMgPSB7XG4gIGdldENvbG9yOiAodmFyaWFudCkgPT4gQlROX0JBQ0tHUk9VTkRfQ09MT1JbdmFyaWFudF0uYWN0aXZlLFxuICBiYWNrZ3JvdW5kSW1nOiAodmFyaWFudDogQnV0dG9uVmFyaWFudCkgPT4gQlROX0JBQ0tHUk9VTkRbdmFyaWFudF0sXG59XG5cbmNvbnN0IERJU0FCTEVEX1NUQVRFOiBCdXR0b25TdGF0ZVByb3BzID0ge1xuICBnZXRDb2xvcjogKHZhcmlhbnQpID0+IEJUTl9CQUNLR1JPVU5EX0NPTE9SW3ZhcmlhbnRdLmRpc2FibGVkLFxuICBiYWNrZ3JvdW5kSW1nOiAodmFyaWFudDogQnV0dG9uVmFyaWFudCkgPT4gQlROX0JBQ0tHUk9VTkRbdmFyaWFudF0sXG59XG5cbmNvbnN0IEhPVkVSX1NUQVRFOiBCdXR0b25TdGF0ZVByb3BzID0ge1xuICBnZXRDb2xvcjogKHZhcmlhbnQpID0+IEJUTl9CQUNLR1JPVU5EX0NPTE9SW3ZhcmlhbnRdLmhvdmVyLFxuICBiYWNrZ3JvdW5kSW1nOiAodmFyaWFudDogQnV0dG9uVmFyaWFudCkgPT4gQlROX0JBQ0tHUk9VTkRbdmFyaWFudF0sXG59XG5cbmludGVyZmFjZSBDb21wb3NpdGVCdXR0b25Qcm9wc1xuICBleHRlbmRzIE9taXQ8VWlCdXR0b25Qcm9wcywgJ3ZhbHVlJyB8ICd2YXJpYW50Jz4ge1xuICBpZDogc3RyaW5nXG4gIHZhbHVlPzogc3RyaW5nXG4gIGljb24/OiBzdHJpbmdcbiAgb25seUljb24/OiBib29sZWFuXG4gIGljb25UcmFuc2Zvcm0/OiBVaVRyYW5zZm9ybVByb3BzXG4gIHZhcmlhbnQ/OiBCdXR0b25WYXJpYW50XG4gIGxhYmVsVHJhbnNmb3JtPzogVWlUcmFuc2Zvcm1Qcm9wc1xufVxuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gKHByb3BzOiBDb21wb3NpdGVCdXR0b25Qcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgaWQsXG4gICAgdmFsdWUsXG4gICAgb25Nb3VzZURvd24sXG4gICAgaWNvbixcbiAgICBvbmx5SWNvbixcbiAgICBpY29uVHJhbnNmb3JtLFxuICAgIGZvbnRTaXplID0gMTQsXG4gICAgY29sb3IgPSBDb2xvcjQuQmxhY2soKSxcbiAgICBkaXNhYmxlZCxcbiAgICB1aUJhY2tncm91bmQsXG4gICAgdWlUcmFuc2Zvcm0sXG4gICAgbGFiZWxUcmFuc2Zvcm0sXG4gICAgdmFyaWFudCA9ICdwcmltYXJ5JyxcbiAgfSA9IHByb3BzXG5cbiAgY29uc3QgYnV0dG9uSWQgPSBgYnV0dG9uXyR7aWR9YFxuXG4gIC8vIEdldCBvciBzZXQgaW5pdGlhbCBzdGF0ZVxuICBpZiAoIWJ1dHRvblN0YXRlcy5oYXMoYnV0dG9uSWQpKSB7XG4gICAgYnV0dG9uU3RhdGVzLnNldChidXR0b25JZCwgZGlzYWJsZWQgPyBESVNBQkxFRF9TVEFURSA6IEFDVElWRV9TVEFURSlcbiAgfVxuXG4gIGNvbnN0IGJ1dHRvblN0YXRlID0gYnV0dG9uU3RhdGVzLmdldChidXR0b25JZCkhXG5cbiAgcmV0dXJuIChcbiAgICA8VWlFbnRpdHlcbiAgICAgIHVpVHJhbnNmb3JtPXt1aVRyYW5zZm9ybX1cbiAgICAgIHVpQmFja2dyb3VuZD17e1xuICAgICAgICAuLi51aUJhY2tncm91bmQsXG4gICAgICAgIC4uLihidXR0b25TdGF0ZS5iYWNrZ3JvdW5kSW1nXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIHRleHR1cmU6IHtcbiAgICAgICAgICAgICAgICBzcmM6IGJ1dHRvblN0YXRlLmJhY2tncm91bmRJbWcodmFyaWFudCksXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIHRleHR1cmVNb2RlOiAnc3RyZXRjaCcsXG4gICAgICAgICAgICAgIGNvbG9yOiBidXR0b25TdGF0ZS5nZXRDb2xvcih2YXJpYW50KSxcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHt9KSxcbiAgICAgIH19XG4gICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgICBvbk1vdXNlRG93bj8uKClcbiAgICAgIH19XG4gICAgICBvbk1vdXNlRW50ZXI9eygpID0+IHtcbiAgICAgICAgaWYgKCFkaXNhYmxlZCkge1xuICAgICAgICAgIGJ1dHRvblN0YXRlcy5zZXQoYnV0dG9uSWQsIEhPVkVSX1NUQVRFKVxuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiB7XG4gICAgICAgIGJ1dHRvblN0YXRlcy5zZXQoYnV0dG9uSWQsIGRpc2FibGVkID8gRElTQUJMRURfU1RBVEUgOiBBQ1RJVkVfU1RBVEUpXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtpY29uICYmIChcbiAgICAgICAgPFVpRW50aXR5XG4gICAgICAgICAgdWlUcmFuc2Zvcm09e2ljb25UcmFuc2Zvcm19XG4gICAgICAgICAgdWlCYWNrZ3JvdW5kPXt7XG4gICAgICAgICAgICB0ZXh0dXJlOiB7XG4gICAgICAgICAgICAgIHNyYzogaWNvbixcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB0ZXh0dXJlTW9kZTogJ3N0cmV0Y2gnLFxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgICAgeyFvbmx5SWNvbiAmJiAhIXZhbHVlID8gKFxuICAgICAgICA8TGFiZWxcbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICAgIGZvbnRTaXplPXtmb250U2l6ZX1cbiAgICAgICAgICB1aVRyYW5zZm9ybT17bGFiZWxUcmFuc2Zvcm19XG4gICAgICAgIC8+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1VpRW50aXR5PlxuICApXG59XG4iXX0=
97
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2FkbWluLXRvb2xraXQtdWkvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFFBQVEsRUFBRSxFQUNmLFFBQVEsRUFDUixLQUFLLEdBSU4sTUFBTSxnQkFBZ0IsQ0FBQTtBQUN2QixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3RDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxHQUFHLENBQUE7QUFFL0IsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUc7SUFDbEMsT0FBTyxFQUFFO1FBQ1AsTUFBTSxFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxHQUFHLEdBQUcsRUFBRSxHQUFHLEdBQUcsR0FBRyxFQUFFLEdBQUcsR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ3pELEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxDQUFDLEdBQUcsR0FBRyxHQUFHLEVBQUUsR0FBRyxHQUFHLEdBQUcsRUFBRSxHQUFHLEdBQUcsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUN4RCxRQUFRLEVBQUUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEdBQUcsR0FBRyxFQUFFLEVBQUUsR0FBRyxHQUFHLEVBQUUsRUFBRSxHQUFHLEdBQUcsRUFBRSxDQUFDLENBQUM7S0FDekQ7SUFDRCxTQUFTLEVBQUU7UUFDVCxNQUFNLEVBQUUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEdBQUcsR0FBRyxFQUFFLEdBQUcsR0FBRyxHQUFHLEVBQUUsR0FBRyxHQUFHLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDekQsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxHQUFHLEdBQUcsRUFBRSxHQUFHLEdBQUcsR0FBRyxFQUFFLEdBQUcsR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ3hELFFBQVEsRUFBRSxNQUFNLENBQUMsTUFBTSxDQUFD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QUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQTtRQUN0RSxDQUFDO1FBRUEsSUFBSSxJQUFJLENBQ1AsdUJBQUMsUUFBUSxJQUNQLFdBQVcsRUFBRSxhQUFhLEVBQzFCLFlBQVksRUFBRTtnQkFDWixPQUFPLEVBQUU7b0JBQ1AsR0FBRyxFQUFFLElBQUk7aUJBQ1Y7Z0JBQ0QsV0FBVyxFQUFFLFNBQVM7Z0JBQ3RCLEdBQUcsY0FBYzthQUNsQixHQUNELENBQ0g7UUFDQSxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUN0Qix1QkFBQyxLQUFLLElBQ0osS0FBSyxFQUFFLEtBQUssRUFDWixLQUFLLEVBQUUsS0FBSyxFQUNaLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFdBQVcsRUFBRSxjQUFjLEdBQzNCLENBQ0gsQ0FBQyxDQUFDLENBQUMsSUFBSTtRQUNQLFNBQVMsSUFBSSxDQUNaLHVCQUFDLFFBQVEsSUFDUCxXQUFXLEVBQUUsa0JBQWtCLEVBQy9CLFlBQVksRUFBRTtnQkFDWixPQUFPLEVBQUU7b0JBQ1AsR0FBRyxFQUFFLFNBQVM7aUJBQ2Y7Z0JBQ0QsV0FBVyxFQUFFLFNBQVM7Z0JBQ3RCLEdBQUcsbUJBQW1CO2FBQ3ZCLEdBQ0QsQ0FDSCxDQUNRLENBQ1osQ0FBQTtBQUNILENBQUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdEVjcywge1xuICBVaUVudGl0eSxcbiAgTGFiZWwsXG4gIFVpQnV0dG9uUHJvcHMsXG4gIFVpVHJhbnNmb3JtUHJvcHMsXG4gIFVpQmFja2dyb3VuZFByb3BzLFxufSBmcm9tICdAZGNsL3JlYWN0LWVjcydcbmltcG9ydCB7IENvbG9yNCB9IGZyb20gJ0BkY2wvc2RrL21hdGgnXG5pbXBvcnQgeyBzY2FsZUZhY3RvciB9IGZyb20gJy4nXG5cbmV4cG9ydCBjb25zdCBCVE5fQkFDS0dST1VORF9DT0xPUiA9IHtcbiAgcHJpbWFyeToge1xuICAgIGFjdGl2ZTogQ29sb3I0LmNyZWF0ZSgyNTIgLyAyNTUsIDI1MiAvIDI1NSwgMjUyIC8gMjU1LCAxKSxcbiAgICBob3ZlcjogQ29sb3I0LmNyZWF0ZSgyMDcgLyAyNTUsIDIwNSAvIDI1NSwgMjEyIC8gMjU1LCAxKSxcbiAgICBkaXNhYmxlZDogQ29sb3I0LmNyZWF0ZSg3NCAvIDI1NSwgNzQgLyAyNTUsIDc0IC8gMjU1LCAxKSxcbiAgfSxcbiAgc2Vjb25kYXJ5OiB7XG4gICAgYWN0aXZlOiBDb2xvcjQuY3JlYXRlKDI1MiAvIDI1NSwgMjUyIC8gMjU1LCAyNTIgLyAyNTUsIDApLFxuICAgIGhvdmVyOiBDb2xvcjQuY3JlYXRlKDIwNyAvIDI1NSwgMjA1IC8gMjU1LCAyMTIgLyAyNTUsIDApLFxuICAgIGRpc2FibGVkOiBDb2xvcjQuY3JlYXRlKDc0IC8gMjU1LCA3NCAvIDI1NSwgNzQgLyAyNTUsIDApLFxuICB9LFxuICB0ZXh0OiB7XG4gICAgYWN0aXZlOiBDb2xvcjQuY3JlYXRlKDAsIDAsIDAsIDApLFxuICAgIGhvdmVyOiBDb2xvcjQuY3JlYXRlKDI0IC8gMjU1LCAyNCAvIDI1NSwgMjQgLyAyNTUsIDEpLFxuICAgIGRpc2FibGVkOiBDb2xvcjQuY3JlYXRlKDc0IC8gMjU1LCA3NCAvIDI1NSwgNzQgLyAyNTUsIDEpLFxuICB9LFxufVxuXG5leHBvcnQgY29uc3QgQlROX0JPUkRFUl9DT0xPUiA9IHtcbiAgcHJpbWFyeToge1xuICAgIGFjdGl2ZTogQ29sb3I0LkNsZWFyKCksXG4gICAgaG92ZXI6IENvbG9yNC5DbGVhcigpLFxuICAgIGRpc2FibGVkOiBDb2xvcjQuQ2xlYXIoKSxcbiAgfSxcbiAgc2Vjb25kYXJ5OiB7XG4gICAgYWN0aXZlOiBDb2xvcjQuV2hpdGUoKSxcbiAgICBob3ZlcjogQ29sb3I0LldoaXRlKCksXG4gICAgZGlzYWJsZWQ6IENvbG9yNC5mcm9tSGV4U3RyaW5nKCcjMzIzMjMyJyksXG4gIH0sXG4gIHRleHQ6IHtcbiAgICBhY3RpdmU6IENvbG9yNC5DbGVhcigpLFxuICAgIGhvdmVyOiBDb2xvcjQuQ2xlYXIoKSxcbiAgICBkaXNhYmxlZDogQ29sb3I0LkNsZWFyKCksXG4gIH0sXG59XG5cbnR5cGUgQnV0dG9uVmFyaWFudCA9ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RleHQnXG5cbmludGVyZmFjZSBCdXR0b25TdGF0ZVByb3BzIHtcbiAgZ2V0Q29sb3I6ICh2YXJpYW50OiBCdXR0b25WYXJpYW50KSA9PiBDb2xvcjRcbiAgYm9yZGVyQ29sb3I6ICh2YXJpYW50OiBCdXR0b25WYXJpYW50KSA9PiBDb2xvcjRcbn1cblxuLy8gU3RvcmUgYnV0dG9uIHN0YXRlcyBhbmQgdmlzdWFsIHByb3BlcnRpZXMgaW4gYSBNYXBcbmNvbnN0IGJ1dHRvblN0YXRlcyA9IG5ldyBNYXA8c3RyaW5nLCBCdXR0b25TdGF0ZVByb3BzPigpXG5cbi8vIFByZS1jb21wdXRlIHRoZSB2aXN1YWwgc3RhdGVzXG5jb25zdCBBQ1RJVkVfU1RBVEU6IEJ1dHRvblN0YXRlUHJvcHMgPSB7XG4gIGdldENvbG9yOiAodmFyaWFudCkgPT4gQlROX0JBQ0tHUk9VTkRfQ09MT1JbdmFyaWFudF0uYWN0aXZlLFxuICBib3JkZXJDb2xvcjogKHZhcmlhbnQpID0+IEJUTl9CT1JERVJfQ09MT1JbdmFyaWFudF0uYWN0aXZlXG59XG5cbmNvbnN0IERJU0FCTEVEX1NUQVRFOiBCdXR0b25TdGF0ZVByb3BzID0ge1xuICBnZXRDb2xvcjogKHZhcmlhbnQpID0+IEJUTl9CQUNLR1JPVU5EX0NPTE9SW3ZhcmlhbnRdLmRpc2FibGVkLFxuICBib3JkZXJDb2xvcjogKHZhcmlhbnQpID0+IEJUTl9CT1JERVJfQ09MT1JbdmFyaWFudF0uZGlzYWJsZWQsXG59XG5cbmNvbnN0IEhPVkVSX1NUQVRFOiBCdXR0b25TdGF0ZVByb3BzID0ge1xuICBnZXRDb2xvcjogKHZhcmlhbnQpID0+IEJUTl9CQUNLR1JPVU5EX0NPTE9SW3ZhcmlhbnRdLmhvdmVyLFxuICBib3JkZXJDb2xvcjogKHZhcmlhbnQpID0+IEJUTl9CT1JERVJfQ09MT1JbdmFyaWFudF0uaG92ZXIsXG59XG5cbmludGVyZmFjZSBDb21wb3NpdGVCdXR0b25Qcm9wc1xuICBleHRlbmRzIE9taXQ8VWlCdXR0b25Qcm9wcywgJ3ZhbHVlJyB8ICd2YXJpYW50Jz4ge1xuICBpZDogc3RyaW5nXG4gIHZhbHVlPzogc3RyaW5nXG4gIGljb24/OiBzdHJpbmdcbiAgaWNvblJpZ2h0Pzogc3RyaW5nXG4gIGljb25SaWdodFRyYW5zZm9ybT86IFVpVHJhbnNmb3JtUHJvcHNcbiAgb25seUljb24/OiBib29sZWFuXG4gIGljb25UcmFuc2Zvcm0/OiBVaVRyYW5zZm9ybVByb3BzXG4gIGljb25CYWNrZ3JvdW5kPzogVWlCYWNrZ3JvdW5kUHJvcHNcbiAgaWNvblJpZ2h0QmFja2dyb3VuZD86IFVpQmFja2dyb3VuZFByb3BzXG4gIHZhcmlhbnQ/OiBCdXR0b25WYXJpYW50XG4gIGxhYmVsVHJhbnNmb3JtPzogVWlUcmFuc2Zvcm1Qcm9wc1xufVxuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gKHByb3BzOiBDb21wb3NpdGVCdXR0b25Qcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgaWQsXG4gICAgdmFsdWUsXG4gICAgb25Nb3VzZURvd24sXG4gICAgaWNvbixcbiAgICBvbmx5SWNvbixcbiAgICBpY29uVHJhbnNmb3JtLFxuICAgIGljb25CYWNrZ3JvdW5kLFxuICAgIGljb25SaWdodCxcbiAgICBpY29uUmlnaHRUcmFuc2Zvcm0sXG4gICAgZm9udFNpemUgPSAxNCxcbiAgICBjb2xvciA9IENvbG9yNC5CbGFjaygpLFxuICAgIGRpc2FibGVkLFxuICAgIHVpQmFja2dyb3VuZCxcbiAgICB1aVRyYW5zZm9ybSxcbiAgICBsYWJlbFRyYW5zZm9ybSxcbiAgICBpY29uUmlnaHRCYWNrZ3JvdW5kLFxuICAgIHZhcmlhbnQgPSAncHJpbWFyeScsXG4gIH0gPSBwcm9wc1xuXG4gIFJlYWN0RWNzLnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgYnV0dG9uU3RhdGVzLnNldChidXR0b25JZCwgZGlzYWJsZWQgPyBESVNBQkxFRF9TVEFURSA6IEFDVElWRV9TVEFURSlcbiAgfSwgW2Rpc2FibGVkXSlcblxuICBjb25zdCBidXR0b25JZCA9IGBidXR0b25fJHtpZH1gXG5cbiAgLy8gR2V0IG9yIHNldCBpbml0aWFsIHN0YXRlXG4gIGlmICghYnV0dG9uU3RhdGVzLmhhcyhidXR0b25JZCkpIHtcbiAgICBidXR0b25TdGF0ZXMuc2V0KGJ1dHRvbklkLCBkaXNhYmxlZCA/IERJU0FCTEVEX1NUQVRFIDogQUNUSVZFX1NUQVRFKVxuICB9XG5cbiAgY29uc3QgYnV0dG9uU3RhdGUgPSBidXR0b25TdGF0ZXMuZ2V0KGJ1dHRvbklkKSFcblxuICByZXR1cm4gKFxuICAgIDxVaUVudGl0eVxuICAgICAgdWlUcmFuc2Zvcm09e3tcbiAgICAgICAgYm9yZGVyQ29sb3I6IGJ1dHRvblN0YXRlLmJvcmRlckNvbG9yKHZhcmlhbnQpLFxuICAgICAgICBib3JkZXJXaWR0aDogMiAqIHNjYWxlRmFjdG9yLFxuICAgICAgICBib3JkZXJSYWRpdXM6IDEyICogc2NhbGVGYWN0b3IsXG4gICAgICAgIC4uLnVpVHJhbnNmb3JtLFxuICAgICAgfX1cbiAgICAgIHVpQmFja2dyb3VuZD17e1xuICAgICAgICBjb2xvcjogYnV0dG9uU3RhdGUuZ2V0Q29sb3IodmFyaWFudCksXG4gICAgICAgIC4uLnVpQmFja2dyb3VuZCxcbiAgICAgIH19XG4gICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgICBvbk1vdXNlRG93bj8uKClcbiAgICAgIH19XG4gICAgICBvbk1vdXNlRW50ZXI9eygpID0+IHtcbiAgICAgICAgaWYgKCFkaXNhYmxlZCkge1xuICAgICAgICAgIGJ1dHRvblN0YXRlcy5zZXQoYnV0dG9uSWQsIEhPVkVSX1NUQVRFKVxuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiB7XG4gICAgICAgIGJ1dHRvblN0YXRlcy5zZXQoYnV0dG9uSWQsIGRpc2FibGVkID8gRElTQUJMRURfU1RBVEUgOiBBQ1RJVkVfU1RBVEUpXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtpY29uICYmIChcbiAgICAgICAgPFVpRW50aXR5XG4gICAgICAgICAgdWlUcmFuc2Zvcm09e2ljb25UcmFuc2Zvcm19XG4gICAgICAgICAgdWlCYWNrZ3JvdW5kPXt7XG4gICAgICAgICAgICB0ZXh0dXJlOiB7XG4gICAgICAgICAgICAgIHNyYzogaWNvbixcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB0ZXh0dXJlTW9kZTogJ3N0cmV0Y2gnLFxuICAgICAgICAgICAgLi4uaWNvbkJhY2tncm91bmQsXG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICB7IW9ubHlJY29uICYmICEhdmFsdWUgPyAoXG4gICAgICAgIDxMYWJlbFxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgICAgZm9udFNpemU9e2ZvbnRTaXplfVxuICAgICAgICAgIHVpVHJhbnNmb3JtPXtsYWJlbFRyYW5zZm9ybX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgICAge2ljb25SaWdodCAmJiAoXG4gICAgICAgIDxVaUVudGl0eVxuICAgICAgICAgIHVpVHJhbnNmb3JtPXtpY29uUmlnaHRUcmFuc2Zvcm19XG4gICAgICAgICAgdWlCYWNrZ3JvdW5kPXt7XG4gICAgICAgICAgICB0ZXh0dXJlOiB7XG4gICAgICAgICAgICAgIHNyYzogaWNvblJpZ2h0LFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHRleHR1cmVNb2RlOiAnc3RyZXRjaCcsXG4gICAgICAgICAgICAuLi5pY29uUmlnaHRCYWNrZ3JvdW5kXG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9VaUVudGl0eT5cbiAgKVxufVxuIl19
@@ -0,0 +1,6 @@
1
+ import ReactEcs, { UiTransformProps } from "@dcl/react-ecs";
2
+ export declare function Card({ scaleFactor, children, uiTransform }: {
3
+ scaleFactor: number;
4
+ children?: ReactEcs.JSX.Element;
5
+ uiTransform?: UiTransformProps;
6
+ }): ReactEcs.JSX.Element;
@@ -0,0 +1,22 @@
1
+ import ReactEcs, { UiEntity } from "@dcl/react-ecs";
2
+ import { containerBackgroundColor } from ".";
3
+ export function Card({ scaleFactor, children, uiTransform }) {
4
+ return (ReactEcs.createElement(UiEntity, { uiTransform: {
5
+ width: '100%',
6
+ borderRadius: 12 * scaleFactor,
7
+ margin: {
8
+ top: 10 * scaleFactor,
9
+ right: 0,
10
+ bottom: 0,
11
+ left: 0,
12
+ },
13
+ padding: {
14
+ top: 32 * scaleFactor,
15
+ right: 32 * scaleFactor,
16
+ bottom: 32 * scaleFactor,
17
+ left: 32 * scaleFactor,
18
+ },
19
+ ...uiTransform
20
+ }, uiBackground: { color: containerBackgroundColor } }, children));
21
+ }
22
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hZG1pbi10b29sa2l0LXVpL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxFQUFFLEVBQUUsUUFBUSxFQUFvQixNQUFNLGdCQUFnQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLEdBQUcsQ0FBQztBQUc3QyxNQUFNLFVBQVUsSUFBSSxDQUFDLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQTRGO0lBQ25KLE9BQU8sQ0FDTCx1QkFBQyxRQUFRLElBQ1AsV0FBVyxFQUFFO1lBQ1gsS0FBSyxFQUFFLE1BQU07WUFDYixZQUFZLEVBQUUsRUFBRSxHQUFHLFdBQVc7WUFDOUIsTUFBTSxFQUFFO2dCQUNOLEdBQUcsRUFBRSxFQUFFLEdBQUcsV0FBVztnQkFDckIsS0FBSyxFQUFFLENBQUM7Z0JBQ1IsTUFBTSxFQUFFLENBQUM7Z0JBQ1QsSUFBSSxFQUFFLENBQUM7YUFDUjtZQUNELE9BQU8sRUFBRTtnQkFDUCxHQUFHLEVBQUUsRUFBRSxHQUFHLFdBQVc7Z0JBQ3JCLEtBQUssRUFBRSxFQUFFLEdBQUcsV0FBVztnQkFDdkIsTUFBTSxFQUFFLEVBQUUsR0FBRyxXQUFXO2dCQUN4QixJQUFJLEVBQUUsRUFBRSxHQUFHLFdBQVc7YUFDdkI7WUFDRCxHQUFHLFdBQVc7U0FDZixFQUNELFlBQVksRUFBRSxFQUFFLEtBQUssRUFBRSx3QkFBd0IsRUFBRSxJQUVoRCxRQUFRLENBQ0EsQ0FDWixDQUFBO0FBQ0gsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdEVjcywgeyBVaUVudGl0eSwgVWlUcmFuc2Zvcm1Qcm9wcyB9IGZyb20gXCJAZGNsL3JlYWN0LWVjc1wiO1xuaW1wb3J0IHsgY29udGFpbmVyQmFja2dyb3VuZENvbG9yIH0gZnJvbSBcIi5cIjtcblxuXG5leHBvcnQgZnVuY3Rpb24gQ2FyZCh7IHNjYWxlRmFjdG9yLCBjaGlsZHJlbiwgdWlUcmFuc2Zvcm0gfTogeyBzY2FsZUZhY3RvcjogbnVtYmVyOyBjaGlsZHJlbj86IFJlYWN0RWNzLkpTWC5FbGVtZW50LCB1aVRyYW5zZm9ybT86IFVpVHJhbnNmb3JtUHJvcHMgfSkge1xuICByZXR1cm4gKFxuICAgIDxVaUVudGl0eVxuICAgICAgdWlUcmFuc2Zvcm09e3tcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAxMiAqIHNjYWxlRmFjdG9yLFxuICAgICAgICBtYXJnaW46IHtcbiAgICAgICAgICB0b3A6IDEwICogc2NhbGVGYWN0b3IsXG4gICAgICAgICAgcmlnaHQ6IDAsXG4gICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH0sXG4gICAgICAgIHBhZGRpbmc6IHtcbiAgICAgICAgICB0b3A6IDMyICogc2NhbGVGYWN0b3IsXG4gICAgICAgICAgcmlnaHQ6IDMyICogc2NhbGVGYWN0b3IsXG4gICAgICAgICAgYm90dG9tOiAzMiAqIHNjYWxlRmFjdG9yLFxuICAgICAgICAgIGxlZnQ6IDMyICogc2NhbGVGYWN0b3IsXG4gICAgICAgIH0sXG4gICAgICAgIC4uLnVpVHJhbnNmb3JtXG4gICAgICB9fVxuICAgICAgdWlCYWNrZ3JvdW5kPXt7IGNvbG9yOiBjb250YWluZXJCYWNrZ3JvdW5kQ29sb3IgfX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9VaUVudGl0eT5cbiAgKVxufSJdfQ==
@@ -0,0 +1,9 @@
1
+ import ReactEcs, { UiTransformProps } from '@dcl/react-ecs';
2
+ interface ErrorProps {
3
+ scaleFactor: number;
4
+ text: string;
5
+ uiTransform?: UiTransformProps;
6
+ }
7
+ export declare const ERROR_ICON = "https://builder-items.decentraland.org/admin_toolkit/assets/icons/error.png";
8
+ export declare function Error({ scaleFactor, text, uiTransform }: ErrorProps): ReactEcs.JSX.Element;
9
+ export {};
@@ -0,0 +1,31 @@
1
+ import { Color4 } from '@dcl/ecs-math';
2
+ import ReactEcs, { UiEntity, Label } from '@dcl/react-ecs';
3
+ import { CONTENT_URL } from './constants';
4
+ export const ERROR_ICON = `${CONTENT_URL}/admin_toolkit/assets/icons/error.png`;
5
+ export function Error({ scaleFactor, text, uiTransform }) {
6
+ return (ReactEcs.createElement(UiEntity, { uiTransform: {
7
+ display: 'flex',
8
+ flexDirection: 'row',
9
+ justifyContent: 'center',
10
+ alignItems: 'center',
11
+ margin: { top: 10 * scaleFactor },
12
+ width: '100%',
13
+ ...uiTransform,
14
+ } },
15
+ ReactEcs.createElement(UiEntity, { uiTransform: {
16
+ width: 25 * scaleFactor,
17
+ height: 25 * scaleFactor,
18
+ margin: { right: 10 * scaleFactor },
19
+ flexShrink: 0,
20
+ }, uiBackground: {
21
+ textureMode: 'stretch',
22
+ texture: {
23
+ src: ERROR_ICON,
24
+ },
25
+ } }),
26
+ ReactEcs.createElement(Label, { uiTransform: {
27
+ width: 'auto',
28
+ maxWidth: '90%',
29
+ }, value: `<b>${text}</b>`, color: Color4.Red(), fontSize: 14 * scaleFactor })));
30
+ }
31
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRXJyb3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvYWRtaW4tdG9vbGtpdC11aS9FcnJvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUN0QyxPQUFPLFFBQVEsRUFBRSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQW9CLE1BQU0sZ0JBQWdCLENBQUE7QUFDNUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQTtBQVF6QyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsR0FBRyxXQUFXLHVDQUF1QyxDQUFBO0FBRS9FLE1BQU0sVUFBVSxLQUFLLENBQUMsRUFDcEIsV0FBVyxFQUNYLElBQUksRUFDSixXQUFXLEVBQ0E7SUFDWCxPQUFPLENBQ0wsdUJBQUMsUUFBUSxJQUNQLFdBQVcsRUFBRTtZQUNYLE9BQU8sRUFBRSxNQUFNO1lBQ2YsYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUUsR0FBRyxXQUFXLEVBQUU7WUFDakMsS0FBSyxFQUFFLE1BQU07WUFDYixHQUFHLFdBQVc7U0FDZjtRQUVELHVCQUFDLFFBQVEsSUFDUCxXQUFXLEVBQUU7Z0JBQ1gsS0FBSyxFQUFFLEVBQUUsR0FBRyxXQUFXO2dCQUN2QixNQUFNLEVBQUUsRUFBRSxHQUFHLFdBQVc7Z0JBQ3hCLE1BQU0sRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEdBQUcsV0FBVyxFQUFFO2dCQUNuQyxVQUFVLEVBQUUsQ0FBQzthQUNkLEVBQ0QsWUFBWSxFQUFFO2dCQUNaLFdBQVcsRUFBRSxTQUFTO2dCQUN0QixPQUFPLEVBQUU7b0JBQ1AsR0FBRyxFQUFFLFVBQVU7aUJBQ2hCO2FBQ0YsR0FDRDtRQUNGLHVCQUFDLEtBQUssSUFDSixXQUFXLEVBQUU7Z0JBQ1gsS0FBSyxFQUFFLE1BQU07Z0JBQ2IsUUFBUSxFQUFFLEtBQUs7YUFDaEIsRUFDRCxLQUFLLEVBQUUsTUFBTSxJQUFJLE1BQU0sRUFDdkIsS0FBSyxFQUFFLE1BQU0sQ0FBQyxHQUFHLEVBQUUsRUFDbkIsUUFBUSxFQUFFLEVBQUUsR0FBRyxXQUFXLEdBQzFCLENBQ08sQ0FDWixDQUFBO0FBQ0gsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yNCB9IGZyb20gJ0BkY2wvZWNzLW1hdGgnXG5pbXBvcnQgUmVhY3RFY3MsIHsgVWlFbnRpdHksIExhYmVsLCBVaVRyYW5zZm9ybVByb3BzIH0gZnJvbSAnQGRjbC9yZWFjdC1lY3MnXG5pbXBvcnQgeyBDT05URU5UX1VSTCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuXG5pbnRlcmZhY2UgRXJyb3JQcm9wcyB7XG4gIHNjYWxlRmFjdG9yOiBudW1iZXJcbiAgdGV4dDogc3RyaW5nXG4gIHVpVHJhbnNmb3JtPzogVWlUcmFuc2Zvcm1Qcm9wc1xufVxuXG5leHBvcnQgY29uc3QgRVJST1JfSUNPTiA9IGAke0NPTlRFTlRfVVJMfS9hZG1pbl90b29sa2l0L2Fzc2V0cy9pY29ucy9lcnJvci5wbmdgXG5cbmV4cG9ydCBmdW5jdGlvbiBFcnJvcih7XG4gIHNjYWxlRmFjdG9yLFxuICB0ZXh0LFxuICB1aVRyYW5zZm9ybVxufTogRXJyb3JQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxVaUVudGl0eVxuICAgICAgdWlUcmFuc2Zvcm09e3tcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgbWFyZ2luOiB7IHRvcDogMTAgKiBzY2FsZUZhY3RvciB9LFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAuLi51aVRyYW5zZm9ybSxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPFVpRW50aXR5XG4gICAgICAgIHVpVHJhbnNmb3JtPXt7XG4gICAgICAgICAgd2lkdGg6IDI1ICogc2NhbGVGYWN0b3IsXG4gICAgICAgICAgaGVpZ2h0OiAyNSAqIHNjYWxlRmFjdG9yLFxuICAgICAgICAgIG1hcmdpbjogeyByaWdodDogMTAgKiBzY2FsZUZhY3RvciB9LFxuICAgICAgICAgIGZsZXhTaHJpbms6IDAsXG4gICAgICAgIH19XG4gICAgICAgIHVpQmFja2dyb3VuZD17e1xuICAgICAgICAgIHRleHR1cmVNb2RlOiAnc3RyZXRjaCcsXG4gICAgICAgICAgdGV4dHVyZToge1xuICAgICAgICAgICAgc3JjOiBFUlJPUl9JQ09OICxcbiAgICAgICAgICB9LFxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICAgIDxMYWJlbFxuICAgICAgICB1aVRyYW5zZm9ybT17e1xuICAgICAgICAgIHdpZHRoOiAnYXV0bycsXG4gICAgICAgICAgbWF4V2lkdGg6ICc5MCUnLFxuICAgICAgICB9fVxuICAgICAgICB2YWx1ZT17YDxiPiR7dGV4dH08L2I+YH1cbiAgICAgICAgY29sb3I9e0NvbG9yNC5SZWQoKX1cbiAgICAgICAgZm9udFNpemU9ezE0ICogc2NhbGVGYWN0b3J9XG4gICAgICAvPlxuICAgIDwvVWlFbnRpdHk+XG4gIClcbn0iXX0=
@@ -0,0 +1,8 @@
1
+ import ReactEcs from '@dcl/react-ecs';
2
+ type Props = {
3
+ scaleFactor: number;
4
+ iconSrc: string;
5
+ title: string;
6
+ };
7
+ export declare function Header({ scaleFactor, iconSrc, title }: Props): ReactEcs.JSX.Element;
8
+ export {};
@@ -0,0 +1,17 @@
1
+ import { Color4 } from '@dcl/sdk/math';
2
+ import ReactEcs, { UiEntity, Label } from '@dcl/react-ecs';
3
+ export function Header({ scaleFactor, iconSrc, title }) {
4
+ return (ReactEcs.createElement(UiEntity, { uiTransform: {
5
+ flexDirection: 'row',
6
+ margin: { bottom: 10 * scaleFactor },
7
+ height: 30 * scaleFactor,
8
+ } },
9
+ ReactEcs.createElement(UiEntity, { uiTransform: { width: 30 * scaleFactor, height: 30 * scaleFactor }, uiBackground: {
10
+ textureMode: 'stretch',
11
+ texture: {
12
+ src: iconSrc,
13
+ },
14
+ } }),
15
+ ReactEcs.createElement(Label, { value: `<b>${title}</b>`, uiTransform: { margin: { bottom: 2 * scaleFactor, left: 10 * scaleFactor } }, fontSize: 24 * scaleFactor, color: Color4.White() })));
16
+ }
17
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2FkbWluLXRvb2xraXQtdWkvSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3RDLE9BQU8sUUFBUSxFQUFFLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBUzFELE1BQU0sVUFBVSxNQUFNLENBQUMsRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBUztJQUMzRCxPQUFPLENBQ0wsdUJBQUMsUUFBUSxJQUNQLFdBQVcsRUFBRTtZQUNYLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLE1BQU0sRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLEdBQUcsV0FBVyxFQUFFO1lBQ3BDLE1BQU0sRUFBRSxFQUFFLEdBQUcsV0FBVztTQUN6QjtRQUVELHVCQUFDLFFBQVEsSUFDUCxXQUFXLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxHQUFHLFdBQVcsRUFBRSxNQUFNLEVBQUUsRUFBRSxHQUFHLFdBQVcsRUFBRSxFQUNsRSxZQUFZLEVBQUU7Z0JBQ1osV0FBVyxFQUFFLFNBQVM7Z0JBQ3RCLE9BQU8sRUFBRTtvQkFDUCxHQUFHLEVBQUUsT0FBTztpQkFDYjthQUNGLEdBQ0Q7UUFDRix1QkFBQyxLQUFLLElBQ0osS0FBSyxFQUFFLE1BQU0sS0FBSyxNQUFNLEVBQ3hCLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLE1BQU0sRUFBRSxDQUFDLEdBQUcsV0FBVyxFQUFFLElBQUksRUFBRSxFQUFFLEdBQUcsV0FBVyxFQUFFLEVBQUUsRUFDNUUsUUFBUSxFQUFFLEVBQUUsR0FBRyxXQUFXLEVBQzFCLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUFFLEdBQ3JCLENBQ08sQ0FDWixDQUFBO0FBQ0gsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yNCB9IGZyb20gJ0BkY2wvc2RrL21hdGgnXG5pbXBvcnQgUmVhY3RFY3MsIHsgVWlFbnRpdHksIExhYmVsIH0gZnJvbSAnQGRjbC9yZWFjdC1lY3MnXG5cblxudHlwZSBQcm9wcyA9IHtcbiAgc2NhbGVGYWN0b3I6IG51bWJlclxuICBpY29uU3JjOiBzdHJpbmdcbiAgdGl0bGU6IHN0cmluZ1xufVxuXG5leHBvcnQgZnVuY3Rpb24gSGVhZGVyKHsgc2NhbGVGYWN0b3IsIGljb25TcmMsIHRpdGxlIH06IFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPFVpRW50aXR5XG4gICAgICB1aVRyYW5zZm9ybT17e1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcbiAgICAgICAgbWFyZ2luOiB7IGJvdHRvbTogMTAgKiBzY2FsZUZhY3RvciB9LFxuICAgICAgICBoZWlnaHQ6IDMwICogc2NhbGVGYWN0b3IsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxVaUVudGl0eVxuICAgICAgICB1aVRyYW5zZm9ybT17eyB3aWR0aDogMzAgKiBzY2FsZUZhY3RvciwgaGVpZ2h0OiAzMCAqIHNjYWxlRmFjdG9yIH19XG4gICAgICAgIHVpQmFja2dyb3VuZD17e1xuICAgICAgICAgIHRleHR1cmVNb2RlOiAnc3RyZXRjaCcsXG4gICAgICAgICAgdGV4dHVyZToge1xuICAgICAgICAgICAgc3JjOiBpY29uU3JjLFxuICAgICAgICAgIH0sXG4gICAgICAgIH19XG4gICAgICAvPlxuICAgICAgPExhYmVsXG4gICAgICAgIHZhbHVlPXtgPGI+JHt0aXRsZX08L2I+YH1cbiAgICAgICAgdWlUcmFuc2Zvcm09e3sgbWFyZ2luOiB7IGJvdHRvbTogMiAqIHNjYWxlRmFjdG9yLCBsZWZ0OiAxMCAqIHNjYWxlRmFjdG9yIH0gfX1cbiAgICAgICAgZm9udFNpemU9ezI0ICogc2NhbGVGYWN0b3J9XG4gICAgICAgIGNvbG9yPXtDb2xvcjQuV2hpdGUoKX1cbiAgICAgIC8+XG4gICAgPC9VaUVudGl0eT5cbiAgKVxufVxuIl19
@@ -0,0 +1,11 @@
1
+ import { IEngine } from '@dcl/ecs';
2
+ import ReactEcs, { UiTransformProps } from '@dcl/react-ecs';
3
+ interface LoadingProps {
4
+ scaleFactor: number;
5
+ engine: IEngine;
6
+ width?: number;
7
+ height?: number;
8
+ uiTransform?: UiTransformProps;
9
+ }
10
+ export declare function LoadingDots({ scaleFactor, uiTransform, engine, width, height, }: LoadingProps): ReactEcs.JSX.Element;
11
+ export {};
@@ -0,0 +1,31 @@
1
+ import { Color4 } from '@dcl/ecs-math';
2
+ import ReactEcs, { UiEntity } from '@dcl/react-ecs';
3
+ import { clearInterval, setInterval } from './utils';
4
+ export function LoadingDots({ scaleFactor, uiTransform, engine, width = 10, height = 10, }) {
5
+ let __frame = 0;
6
+ const [frame, setFrame] = ReactEcs.useState(0);
7
+ ReactEcs.useEffect(() => {
8
+ const interval = setInterval(engine, () => {
9
+ __frame = (__frame + 1) % 4;
10
+ setFrame(__frame);
11
+ }, 340);
12
+ return () => clearInterval(engine, interval);
13
+ }, []);
14
+ return (ReactEcs.createElement(UiEntity, { uiTransform: {
15
+ display: 'flex',
16
+ flexDirection: 'row',
17
+ justifyContent: 'center',
18
+ alignItems: 'center',
19
+ ...uiTransform
20
+ } }, [1, 2, 3].map((i) => (ReactEcs.createElement(UiEntity, { key: `dot-${i}`, uiTransform: {
21
+ width: width * scaleFactor,
22
+ height: height * scaleFactor,
23
+ borderRadius: (width / 2) * scaleFactor,
24
+ margin: { right: 8 * scaleFactor },
25
+ }, uiBackground: {
26
+ color: frame >= i
27
+ ? Color4.fromHexString('#FF2D55')
28
+ : Color4.fromHexString('#43404A'),
29
+ } })))));
30
+ }
31
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9hZGluZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hZG1pbi10b29sa2l0LXVpL0xvYWRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDdEMsT0FBTyxRQUFRLEVBQUUsRUFBRSxRQUFRLEVBQW9CLE1BQU0sZ0JBQWdCLENBQUE7QUFDckUsT0FBTyxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFVcEQsTUFBTSxVQUFVLFdBQVcsQ0FBQyxFQUMxQixXQUFXLEVBQ1gsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEdBQUcsRUFBRSxFQUNWLE1BQU0sR0FBRyxFQUFFLEdBQ0U7SUFDYixJQUFJLE9BQU8sR0FBRyxDQUFDLENBQUE7SUFDZixNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFFOUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDdEIsTUFBTSxRQUFRLEdBQUcsV0FBVyxDQUMxQixNQUFNLEVBQ04sR0FBRyxFQUFFO1lBQ0gsT0FBTyxHQUFHLENBQUMsT0FBTyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQTtZQUMzQixRQUFRLENBQUMsT0FBTyxDQUFDLENBQUE7UUFDbkIsQ0FBQyxFQUNELEdBQUcsQ0FDSixDQUFBO1FBQ0QsT0FBTyxHQUFHLEVBQUUsQ0FBQyxhQUFhLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFBO0lBQzlDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUVOLE9BQU8sQ0FDTCx1QkFBQyxRQUFRLElBQ1AsV0FBVyxFQUFFO1lBQ1gsT0FBTyxFQUFFLE1BQU07WUFDZixhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsUUFBUTtZQUNwQixHQUFHLFdBQVc7U0FDZixJQUVBLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQ3BCLHVCQUFDLFFBQVEsSUFDUCxHQUFHLEVBQUUsT0FBTyxDQUFDLEVBQUUsRUFDZixXQUFXLEVBQUU7WUFDWCxLQUFLLEVBQUUsS0FBSyxHQUFHLFdBQVc7WUFDMUIsTUFBTSxFQUFFLE1BQU0sR0FBRyxXQUFXO1lBQzVCLFlBQVksRUFBRSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsR0FBRyxXQUFXO1lBQ3ZDLE1BQU0sRUFBRSxFQUFFLEtBQUssRUFBRSxDQUFDLEdBQUcsV0FBVyxFQUFFO1NBQ25DLEVBQ0QsWUFBWSxFQUFFO1lBQ1osS0FBSyxFQUNILEtBQUssSUFBSSxDQUFDO2dCQUNSLENBQUMsQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztnQkFDakMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDO1NBQ3RDLEdBQ0QsQ0FDSCxDQUFDLENBQ08sQ0FDWixDQUFBO0FBQ0gsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElFbmdpbmUsIFVpVHJhbnNmb3JtIH0gZnJvbSAnQGRjbC9lY3MnXG5pbXBvcnQgeyBDb2xvcjQgfSBmcm9tICdAZGNsL2Vjcy1tYXRoJ1xuaW1wb3J0IFJlYWN0RWNzLCB7IFVpRW50aXR5LCBVaVRyYW5zZm9ybVByb3BzIH0gZnJvbSAnQGRjbC9yZWFjdC1lY3MnXG5pbXBvcnQgeyBjbGVhckludGVydmFsLCBzZXRJbnRlcnZhbCB9IGZyb20gJy4vdXRpbHMnXG5cbmludGVyZmFjZSBMb2FkaW5nUHJvcHMge1xuICBzY2FsZUZhY3RvcjogbnVtYmVyXG4gIGVuZ2luZTogSUVuZ2luZVxuICB3aWR0aD86IG51bWJlclxuICBoZWlnaHQ/OiBudW1iZXJcbiAgdWlUcmFuc2Zvcm0/OiBVaVRyYW5zZm9ybVByb3BzXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBMb2FkaW5nRG90cyh7XG4gIHNjYWxlRmFjdG9yLFxuICB1aVRyYW5zZm9ybSxcbiAgZW5naW5lLFxuICB3aWR0aCA9IDEwLFxuICBoZWlnaHQgPSAxMCxcbn06IExvYWRpbmdQcm9wcykge1xuICBsZXQgX19mcmFtZSA9IDBcbiAgY29uc3QgW2ZyYW1lLCBzZXRGcmFtZV0gPSBSZWFjdEVjcy51c2VTdGF0ZSgwKVxuXG4gIFJlYWN0RWNzLnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaW50ZXJ2YWwgPSBzZXRJbnRlcnZhbChcbiAgICAgIGVuZ2luZSxcbiAgICAgICgpID0+IHtcbiAgICAgICAgX19mcmFtZSA9IChfX2ZyYW1lICsgMSkgJSA0XG4gICAgICAgIHNldEZyYW1lKF9fZnJhbWUpXG4gICAgICB9LFxuICAgICAgMzQwLFxuICAgIClcbiAgICByZXR1cm4gKCkgPT4gY2xlYXJJbnRlcnZhbChlbmdpbmUsIGludGVydmFsKVxuICB9LCBbXSlcblxuICByZXR1cm4gKFxuICAgIDxVaUVudGl0eVxuICAgICAgdWlUcmFuc2Zvcm09e3tcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgLi4udWlUcmFuc2Zvcm1cbiAgICAgIH19XG4gICAgPlxuICAgICAge1sxLCAyLCAzXS5tYXAoKGkpID0+IChcbiAgICAgICAgPFVpRW50aXR5XG4gICAgICAgICAga2V5PXtgZG90LSR7aX1gfVxuICAgICAgICAgIHVpVHJhbnNmb3JtPXt7XG4gICAgICAgICAgICB3aWR0aDogd2lkdGggKiBzY2FsZUZhY3RvcixcbiAgICAgICAgICAgIGhlaWdodDogaGVpZ2h0ICogc2NhbGVGYWN0b3IsXG4gICAgICAgICAgICBib3JkZXJSYWRpdXM6ICh3aWR0aCAvIDIpICogc2NhbGVGYWN0b3IsXG4gICAgICAgICAgICBtYXJnaW46IHsgcmlnaHQ6IDggKiBzY2FsZUZhY3RvciB9LFxuICAgICAgICAgIH19XG4gICAgICAgICAgdWlCYWNrZ3JvdW5kPXt7XG4gICAgICAgICAgICBjb2xvcjpcbiAgICAgICAgICAgICAgZnJhbWUgPj0gaVxuICAgICAgICAgICAgICAgID8gQ29sb3I0LmZyb21IZXhTdHJpbmcoJyNGRjJENTUnKVxuICAgICAgICAgICAgICAgIDogQ29sb3I0LmZyb21IZXhTdHJpbmcoJyM0MzQwNEEnKSxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC9VaUVudGl0eT5cbiAgKVxufVxuXG4iXX0=
@@ -0,0 +1,7 @@
1
+ import ReactEcs from "@dcl/react-ecs";
2
+ type Props = {
3
+ scaleFactor: number;
4
+ onSubmit(value: string): void;
5
+ };
6
+ export declare function AddUserInput({ scaleFactor, onSubmit }: Props): ReactEcs.JSX.Element;
7
+ export {};