siam-ui-utils 2.2.27 → 2.2.28
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.
|
@@ -4,9 +4,9 @@ import { useState } from "react";
|
|
|
4
4
|
import { Button } from "reactstrap";
|
|
5
5
|
import Dropzone from "../../dropzone/Dropzone.js";
|
|
6
6
|
import "../../dropzone/styles.css";
|
|
7
|
-
import "../dropzone-uploader.css";
|
|
8
|
-
import { IconButtonSvg as _t } from "../../iconos/icon-button-svg.js";
|
|
9
7
|
import { pdfImage } from "../../iconos/constants-svg.js";
|
|
8
|
+
import { IconButtonSvg as _t } from "../../iconos/icon-button-svg.js";
|
|
9
|
+
import "../dropzone-uploader.css";
|
|
10
10
|
const DropzoneUploaderDniDigital = ({
|
|
11
11
|
accept = "image/*, application/pdf",
|
|
12
12
|
classNames = "",
|
|
@@ -3,9 +3,9 @@ import { getDroppedOrSelectedFiles } from "html5-file-selector";
|
|
|
3
3
|
import { useState, useEffect } from "react";
|
|
4
4
|
import Dropzone from "../dropzone/Dropzone.js";
|
|
5
5
|
import "../dropzone/styles.css";
|
|
6
|
-
import "./dropzone-uploader.css";
|
|
7
|
-
import { IconButtonSvg as _t } from "../iconos/icon-button-svg.js";
|
|
8
6
|
import { pdfImage } from "../iconos/constants-svg.js";
|
|
7
|
+
import { IconButtonSvg as _t } from "../iconos/icon-button-svg.js";
|
|
8
|
+
import "./dropzone-uploader.css";
|
|
9
9
|
const maxSize = 7;
|
|
10
10
|
const DropzoneUploader = ({
|
|
11
11
|
onChangeFiles,
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
import { withRouter } from "./bridges/with-router-bridge.js";
|
|
2
|
+
import { CustomInputCheckbox } from "./custom-input/CustomInputCheckbox.js";
|
|
3
|
+
import { CustomInputRadio } from "./custom-input/CustomInputRadio.js";
|
|
1
4
|
import { CustomSelect } from "./select/index.js";
|
|
2
5
|
import { Colxx, Separator } from "./CustomBootstrap.js";
|
|
3
6
|
import { CustomSelectInput } from "./CustomSelectInput.js";
|
|
@@ -9,9 +12,6 @@ import { Timer, formatTiempo } from "./timer/index.js";
|
|
|
9
12
|
import { ViewLayout } from "./view-layout/index.js";
|
|
10
13
|
import { WhereByRoom } from "./where-by-room/index.js";
|
|
11
14
|
import * as IntlMessages from "./IntlMessages.js";
|
|
12
|
-
import { withRouter } from "./bridges/with-router-bridge.js";
|
|
13
|
-
import { CustomInputCheckbox } from "./custom-input/CustomInputCheckbox.js";
|
|
14
|
-
import { CustomInputRadio } from "./custom-input/CustomInputRadio.js";
|
|
15
15
|
export {
|
|
16
16
|
Colxx,
|
|
17
17
|
CopyLink,
|
package/dist/tomar-foto/index.js
CHANGED
|
@@ -1,10 +1,25 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import { Row } from "reactstrap";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
4
|
+
import "react-router";
|
|
5
|
+
import "../custom-input/index.css";
|
|
6
|
+
import "react-select";
|
|
7
|
+
import "react-tagsinput/react-tagsinput.css";
|
|
6
8
|
import { Colxx } from "../CustomBootstrap.js";
|
|
7
9
|
import { DropzoneUploader } from "../dropzone-uploader/index.js";
|
|
10
|
+
import "html5-file-selector";
|
|
11
|
+
import "../dropzone/Dropzone.js";
|
|
12
|
+
import "../dropzone/styles.css";
|
|
13
|
+
import "../iconos/icon-button-svg.js";
|
|
14
|
+
import "../dropzone-uploader/dropzone-uploader.css";
|
|
15
|
+
import { TAKE_PHOTO } from "../constants.js";
|
|
16
|
+
import imgHacerFoto from "../assets/img/take-photo.png.js";
|
|
17
|
+
import "../copy-link/styles.scss";
|
|
18
|
+
import "../timer/styles.scss";
|
|
19
|
+
import "../view-layout/styles.scss";
|
|
20
|
+
import "@whereby.com/browser-sdk/react";
|
|
21
|
+
import "@whereby.com/browser-sdk/embed";
|
|
22
|
+
import "../IntlMessages.js";
|
|
8
23
|
const TomarFoto = ({
|
|
9
24
|
onFilesSelectedSelfie = () => {
|
|
10
25
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/tomar-foto/index.jsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { Row } from 'reactstrap';\r\nimport { DropzoneUploader, Colxx } from '../';\r\nimport { TAKE_PHOTO } from '../constants';\r\nimport imgHacerFoto from '../assets/img/take-photo.png';\r\n\r\n \r\nexport const TomarFoto = ({\r\n onFilesSelectedSelfie = () => {},\r\n isMobile = false,\r\n}) => {\r\n const [filesTotalSelectedSelfie, setTotalFilesSelectedSelfie] = useState(0);\r\n const {\r\n LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE,\r\n MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE,\r\n TAKE_PHOTO_MESSAGE,\r\n } = TAKE_PHOTO;\r\n\r\n const handleFilesSelectedSelfie = (files) => {\r\n setTotalFilesSelectedSelfie(files.length);\r\n onFilesSelectedSelfie(files);\r\n };\r\n\r\n return (\r\n <>\r\n <Row className=\"pt-2 ml-4\">\r\n <Colxx xxs=\"11\" md=\"5\">\r\n {LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE}\r\n </Colxx>\r\n </Row>\r\n <Row className=\"pt-2 ml-2\">\r\n <Colxx xxs=\"12\" md=\"9\">\r\n {isMobile ? (\r\n <>\r\n <Colxx xxs=\"12\" className=\"text-center\">\r\n {filesTotalSelectedSelfie === 0 && (\r\n <img\r\n style={{ width: '97%' }}\r\n alt=\"hacerFotoDNI\"\r\n src={imgHacerFoto}\r\n />\r\n )}\r\n <DropzoneUploader\r\n className=\"pt-2 ml-2\"\r\n maxFiles={1}\r\n onChangeFiles={handleFilesSelectedSelfie}\r\n totalFiles={filesTotalSelectedSelfie}\r\n accept=\"image/jpg,image/jpeg\"\r\n capture=\"environment\"\r\n nameFileLabel={TAKE_PHOTO_MESSAGE}\r\n />\r\n </Colxx>\r\n </>\r\n ) : (\r\n <h2\r\n className={'view-icon iconsminds-smartphone-4 ml-2 mr-2'}\r\n style={{\r\n color: 'red',\r\n margin: '10px 10px 0px 10px',\r\n }}\r\n >\r\n {MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE}\r\n </h2>\r\n )}\r\n </Colxx>\r\n </Row>\r\n </>\r\n );\r\n};\r\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/tomar-foto/index.jsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { Row } from 'reactstrap';\r\nimport { DropzoneUploader, Colxx } from '../';\r\nimport { TAKE_PHOTO } from '../constants';\r\nimport imgHacerFoto from '../assets/img/take-photo.png';\r\n\r\n \r\nexport const TomarFoto = ({\r\n onFilesSelectedSelfie = () => {},\r\n isMobile = false,\r\n}) => {\r\n const [filesTotalSelectedSelfie, setTotalFilesSelectedSelfie] = useState(0);\r\n const {\r\n LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE,\r\n MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE,\r\n TAKE_PHOTO_MESSAGE,\r\n } = TAKE_PHOTO;\r\n\r\n const handleFilesSelectedSelfie = (files) => {\r\n setTotalFilesSelectedSelfie(files.length);\r\n onFilesSelectedSelfie(files);\r\n };\r\n\r\n return (\r\n <>\r\n <Row className=\"pt-2 ml-4\">\r\n <Colxx xxs=\"11\" md=\"5\">\r\n {LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE}\r\n </Colxx>\r\n </Row>\r\n <Row className=\"pt-2 ml-2\">\r\n <Colxx xxs=\"12\" md=\"9\">\r\n {isMobile ? (\r\n <>\r\n <Colxx xxs=\"12\" className=\"text-center\">\r\n {filesTotalSelectedSelfie === 0 && (\r\n <img\r\n style={{ width: '97%' }}\r\n alt=\"hacerFotoDNI\"\r\n src={imgHacerFoto}\r\n />\r\n )}\r\n <DropzoneUploader\r\n className=\"pt-2 ml-2\"\r\n maxFiles={1}\r\n onChangeFiles={handleFilesSelectedSelfie}\r\n totalFiles={filesTotalSelectedSelfie}\r\n accept=\"image/jpg,image/jpeg\"\r\n capture=\"environment\"\r\n nameFileLabel={TAKE_PHOTO_MESSAGE}\r\n />\r\n </Colxx>\r\n </>\r\n ) : (\r\n <h2\r\n className={'view-icon iconsminds-smartphone-4 ml-2 mr-2'}\r\n style={{\r\n color: 'red',\r\n margin: '10px 10px 0px 10px',\r\n }}\r\n >\r\n {MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE}\r\n </h2>\r\n )}\r\n </Colxx>\r\n </Row>\r\n </>\r\n );\r\n};\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,YAAY,CAAC;AAAA,EACxB,wBAAwB,MAAM;AAAA,EAAC;AAAA,EAC/B,WAAW;AACb,MAAM;AACJ,QAAM,CAAC,0BAA0B,2BAA2B,IAAI,SAAS,CAAC;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,4BAA4B,CAAC,UAAU;AAC3C,gCAA4B,MAAM,MAAM;AACxC,0BAAsB,KAAK;AAAA,EAC7B;AAEA,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,KAAA,EAAI,WAAU,aACb,UAAA,oBAAC,OAAA,EAAM,KAAI,MAAK,IAAG,KAChB,UAAA,uCAAA,CACH,GACF;AAAA,wBACC,KAAA,EAAI,WAAU,aACb,UAAA,oBAAC,SAAM,KAAI,MAAK,IAAG,KAChB,qBACC,oBAAA,UAAA,EACE,UAAA,qBAAC,SAAM,KAAI,MAAK,WAAU,eACvB,UAAA;AAAA,MAAA,6BAA6B,KAC5B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO,EAAE,OAAO,MAAA;AAAA,UAChB,KAAI;AAAA,UACJ,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAGT;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,UAAU;AAAA,UACV,eAAe;AAAA,UACf,YAAY;AAAA,UACZ,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,eAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB,EAAA,CACF,GACF,IAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,QAGT,UAAA;AAAA,MAAA;AAAA,IAAA,GAGP,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "siam-ui-utils",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.28",
|
|
4
4
|
"keywords": [
|
|
5
5
|
"ampf-react",
|
|
6
6
|
"ampf-utils",
|
|
@@ -52,11 +52,6 @@
|
|
|
52
52
|
},
|
|
53
53
|
"./package.json": "./package.json"
|
|
54
54
|
},
|
|
55
|
-
"sideEffects": [
|
|
56
|
-
"*.css",
|
|
57
|
-
"*.scss",
|
|
58
|
-
"*.sass"
|
|
59
|
-
],
|
|
60
55
|
"types": "index",
|
|
61
56
|
"homepage": "https://github.com/ampfgit/siam-ui-utils#readme",
|
|
62
57
|
"repository": {
|