@secondstaxorg/sscomp 2.0.97 → 2.0.99
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +41 -32
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +94 -76
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +41 -32
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/DocumentViewer/type.d.ts +7 -0
package/dist/index.js
CHANGED
|
@@ -34888,7 +34888,7 @@ reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/aja
|
|
|
34888
34888
|
* For viewing PDF and image documents
|
|
34889
34889
|
*/
|
|
34890
34890
|
const DocumentViewer = (props) => {
|
|
34891
|
-
const {files,closeBtnFn,actionArea,labelOverrides,jumpTo = 0} = props;
|
|
34891
|
+
const {files,closeBtnFn,actionArea,labelOverrides,jumpTo = 0,currentDocument} = props;
|
|
34892
34892
|
const [numPages,setNumPages] = React$1.useState(1);
|
|
34893
34893
|
const [currPage,setCurrPage] = React$1.useState(1);
|
|
34894
34894
|
const [currDoc,setCurrDoc] = React$1.useState(jumpTo);
|
|
@@ -34903,14 +34903,24 @@ const DocumentViewer = (props) => {
|
|
|
34903
34903
|
setImgFile({});
|
|
34904
34904
|
setShowDoc(false);
|
|
34905
34905
|
setPdfDoc(null);
|
|
34906
|
+
|
|
34906
34907
|
fetch(files[currDoc].fileUrl)
|
|
34907
34908
|
.then(res => res.blob())
|
|
34908
34909
|
.then(data => {
|
|
34910
|
+
//pass out information about the current file
|
|
34911
|
+
if (currentDocument) {
|
|
34912
|
+
currentDocument({
|
|
34913
|
+
index: currDoc,
|
|
34914
|
+
fileUrl: files[currDoc].fileUrl
|
|
34915
|
+
});
|
|
34916
|
+
}
|
|
34917
|
+
|
|
34909
34918
|
if(data.type.includes('image')){
|
|
34910
34919
|
setImgFile(files[currDoc]);
|
|
34911
34920
|
setShowDoc(true);
|
|
34912
34921
|
return
|
|
34913
34922
|
}
|
|
34923
|
+
|
|
34914
34924
|
if (data.type == 'multipart/form-data' || data.type.includes('application')){
|
|
34915
34925
|
reactPdf.pdfjs.getDocument(files[currDoc].fileUrl).promise.then((doc)=>{
|
|
34916
34926
|
setShowDoc(true);
|
|
@@ -34953,82 +34963,82 @@ const DocumentViewer = (props) => {
|
|
|
34953
34963
|
|
|
34954
34964
|
return (
|
|
34955
34965
|
React$1.createElement(React$1.Fragment, null
|
|
34956
|
-
, React$1.createElement(Header, {__self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
34957
|
-
, React$1.createElement('div', { className: "logo-filename", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
34958
|
-
, React$1.createElement('img', { src: img$2, alt: "SSX Logo" , __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
34959
|
-
, files[currDoc].fileName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
34966
|
+
, React$1.createElement(Header, {__self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 92}}
|
|
34967
|
+
, React$1.createElement('div', { className: "logo-filename", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 93}}
|
|
34968
|
+
, React$1.createElement('img', { src: img$2, alt: "SSX Logo" , __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 94}})
|
|
34969
|
+
, files[currDoc].fileName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 95}}, files[currDoc].fileName)
|
|
34960
34970
|
)
|
|
34961
|
-
, React$1.createElement('div', { className: "action-area", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
34971
|
+
, React$1.createElement('div', { className: "action-area", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 97}}
|
|
34962
34972
|
, actionArea &&
|
|
34963
|
-
React$1.createElement('div', { className: "pdf-actions", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
34973
|
+
React$1.createElement('div', { className: "pdf-actions", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 99}}
|
|
34964
34974
|
, actionArea
|
|
34965
34975
|
)
|
|
34966
34976
|
|
|
34967
34977
|
, closeBtnFn &&
|
|
34968
|
-
React$1.createElement('button', { type: "button", className: "cls-btn", onClick: ()=>{closeBtnFn(false);}, __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
34969
|
-
, React$1.createElement('svg', { width: "12", height: "12", viewBox: "0 0 12 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
34970
|
-
, React$1.createElement('path', { d: "M7.4 6L11.7 1.7C12.1 1.3 12.1 0.7 11.7 0.3C11.3 -0.1 10.7 -0.1 10.3 0.3L6 4.6L1.7 0.3C1.3 -0.1 0.7 -0.1 0.3 0.3C-0.0999998 0.7 -0.0999998 1.3 0.3 1.7L4.6 6L0.3 10.3C0.1 10.5 0 10.7 0 11C0 11.6 0.4 12 1 12C1.3 12 1.5 11.9 1.7 11.7L6 7.4L10.3 11.7C10.5 11.9 10.7 12 11 12C11.3 12 11.5 11.9 11.7 11.7C12.1 11.3 12.1 10.7 11.7 10.3L7.4 6Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
34978
|
+
React$1.createElement('button', { type: "button", className: "cls-btn", onClick: ()=>{closeBtnFn(false);}, __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 104}}
|
|
34979
|
+
, React$1.createElement('svg', { width: "12", height: "12", viewBox: "0 0 12 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 105}}
|
|
34980
|
+
, React$1.createElement('path', { d: "M7.4 6L11.7 1.7C12.1 1.3 12.1 0.7 11.7 0.3C11.3 -0.1 10.7 -0.1 10.3 0.3L6 4.6L1.7 0.3C1.3 -0.1 0.7 -0.1 0.3 0.3C-0.0999998 0.7 -0.0999998 1.3 0.3 1.7L4.6 6L0.3 10.3C0.1 10.5 0 10.7 0 11C0 11.6 0.4 12 1 12C1.3 12 1.5 11.9 1.7 11.7L6 7.4L10.3 11.7C10.5 11.9 10.7 12 11 12C11.3 12 11.5 11.9 11.7 11.7C12.1 11.3 12.1 10.7 11.7 10.3L7.4 6Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 106}})
|
|
34971
34981
|
)
|
|
34972
34982
|
)
|
|
34973
34983
|
|
|
34974
34984
|
)
|
|
34975
34985
|
)
|
|
34976
|
-
, React$1.createElement(ViewerContainer, {__self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
34986
|
+
, React$1.createElement(ViewerContainer, {__self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 112}}
|
|
34977
34987
|
, !showDoc &&
|
|
34978
|
-
React$1.createElement('div', { className: "loading-pdf", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
34979
|
-
, React$1.createElement(Loader, { variant: "primary", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
34988
|
+
React$1.createElement('div', { className: "loading-pdf", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 114}}
|
|
34989
|
+
, React$1.createElement(Loader, { variant: "primary", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 115}})
|
|
34980
34990
|
)
|
|
34981
34991
|
|
|
34982
34992
|
, showDoc && errMsg &&
|
|
34983
|
-
React$1.createElement('div', { className: "loading-pdf", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
34984
|
-
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
34993
|
+
React$1.createElement('div', { className: "loading-pdf", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 119}}
|
|
34994
|
+
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 120}}, errMsg)
|
|
34985
34995
|
)
|
|
34986
34996
|
|
|
34987
34997
|
, showDoc && !errMsg &&
|
|
34988
34998
|
React$1.createElement(React$1.Fragment, null
|
|
34989
34999
|
, pdfDoc &&
|
|
34990
|
-
React$1.createElement('canvas', { ref: canvasRef, __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35000
|
+
React$1.createElement('canvas', { ref: canvasRef, __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 126}})
|
|
34991
35001
|
|
|
34992
35002
|
, imgFile &&
|
|
34993
|
-
React$1.createElement('img', { src: (imgFile ).fileUrl, alt: (imgFile ).fileName, __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35003
|
+
React$1.createElement('img', { src: (imgFile ).fileUrl, alt: (imgFile ).fileName, __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 129}})
|
|
34994
35004
|
|
|
34995
35005
|
|
|
34996
|
-
, React$1.createElement(DocumentNavigation, {__self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
34997
|
-
, React$1.createElement('div', { className: "doc-nav", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35006
|
+
, React$1.createElement(DocumentNavigation, {__self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 132}}
|
|
35007
|
+
, React$1.createElement('div', { className: "doc-nav", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 133}}
|
|
34998
35008
|
, currDoc > 0 &&
|
|
34999
|
-
React$1.createElement(OutlineButton, { variant: "primary", size: "sm", width: "fit-content", withBg: true, type: "button", onClick: ()=>{setCurrDoc(currDoc - 1);}, __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35000
|
-
, React$1.createElement('svg', { width: "16", height: "17", viewBox: "0 0 16 17" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35001
|
-
, React$1.createElement('path', { d: "M11.3334 7.83338H6.27343L8.47343 5.64004C8.59896 5.51451 8.66949 5.34424 8.66949 5.16671C8.66949 4.98917 8.59896 4.81891 8.47343 4.69338C8.34789 4.56784 8.17763 4.49731 8.00009 4.49731C7.82256 4.49731 7.6523 4.56784 7.52676 4.69338L4.19343 8.02671C4.13273 8.09011 4.08516 8.16487 4.05343 8.24671C3.98675 8.40902 3.98675 8.59107 4.05343 8.75338C4.08516 8.83521 4.13273 8.90997 4.19343 8.97338L7.52676 12.3067C7.58874 12.3692 7.66247 12.4188 7.74371 12.4526C7.82495 12.4865 7.91209 12.5039 8.00009 12.5039C8.0881 12.5039 8.17524 12.4865 8.25648 12.4526C8.33772 12.4188 8.41145 12.3692 8.47343 12.3067C8.53591 12.2447 8.58551 12.171 8.61935 12.0898C8.6532 12.0085 8.67063 11.9214 8.67063 11.8334C8.67063 11.7454 8.6532 11.6582 8.61935 11.577C8.58551 11.4958 8.53591 11.422 8.47343 11.36L6.27343 9.16671H11.3334C11.5102 9.16671 11.6798 9.09647 11.8048 8.97145C11.9299 8.84642 12.0001 8.67685 12.0001 8.50004C12.0001 8.32323 11.9299 8.15366 11.8048 8.02864C11.6798 7.90361 11.5102 7.83338 11.3334 7.83338Z" , fill: "#4040F2", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35009
|
+
React$1.createElement(OutlineButton, { variant: "primary", size: "sm", width: "fit-content", withBg: true, type: "button", onClick: ()=>{setCurrDoc(currDoc - 1);}, __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 135}}
|
|
35010
|
+
, React$1.createElement('svg', { width: "16", height: "17", viewBox: "0 0 16 17" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 136}}
|
|
35011
|
+
, React$1.createElement('path', { d: "M11.3334 7.83338H6.27343L8.47343 5.64004C8.59896 5.51451 8.66949 5.34424 8.66949 5.16671C8.66949 4.98917 8.59896 4.81891 8.47343 4.69338C8.34789 4.56784 8.17763 4.49731 8.00009 4.49731C7.82256 4.49731 7.6523 4.56784 7.52676 4.69338L4.19343 8.02671C4.13273 8.09011 4.08516 8.16487 4.05343 8.24671C3.98675 8.40902 3.98675 8.59107 4.05343 8.75338C4.08516 8.83521 4.13273 8.90997 4.19343 8.97338L7.52676 12.3067C7.58874 12.3692 7.66247 12.4188 7.74371 12.4526C7.82495 12.4865 7.91209 12.5039 8.00009 12.5039C8.0881 12.5039 8.17524 12.4865 8.25648 12.4526C8.33772 12.4188 8.41145 12.3692 8.47343 12.3067C8.53591 12.2447 8.58551 12.171 8.61935 12.0898C8.6532 12.0085 8.67063 11.9214 8.67063 11.8334C8.67063 11.7454 8.6532 11.6582 8.61935 11.577C8.58551 11.4958 8.53591 11.422 8.47343 11.36L6.27343 9.16671H11.3334C11.5102 9.16671 11.6798 9.09647 11.8048 8.97145C11.9299 8.84642 12.0001 8.67685 12.0001 8.50004C12.0001 8.32323 11.9299 8.15366 11.8048 8.02864C11.6798 7.90361 11.5102 7.83338 11.3334 7.83338Z" , fill: "#4040F2", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 137}})
|
|
35002
35012
|
)
|
|
35003
35013
|
, _optionalChain$6([labelOverrides, 'optionalAccess', _ => _.prevFile]) || 'Previous file'
|
|
35004
35014
|
)
|
|
35005
35015
|
|
|
35006
35016
|
)
|
|
35007
|
-
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35017
|
+
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 143}}
|
|
35008
35018
|
, pdfDoc &&
|
|
35009
|
-
React$1.createElement(PageNavigation, {__self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35010
|
-
, React$1.createElement('div', { className: "page-nav", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35011
|
-
, React$1.createElement('button', { type: "button", onClick: ()=>{if (currPage > 1) setCurrPage(currPage - 1);}, disabled: currPage == 1, __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35012
|
-
, React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35013
|
-
, React$1.createElement('path', { d: "M11.2898 11.9999L14.8298 8.45995C15.0161 8.27259 15.1206 8.01913 15.1206 7.75495C15.1206 7.49076 15.0161 7.23731 14.8298 7.04995C14.7369 6.95622 14.6263 6.88183 14.5044 6.83106C14.3825 6.78029 14.2518 6.75415 14.1198 6.75415C13.9878 6.75415 13.8571 6.78029 13.7352 6.83106C13.6134 6.88183 13.5028 6.95622 13.4098 7.04995L9.16982 11.2899C9.07609 11.3829 9.0017 11.4935 8.95093 11.6154C8.90016 11.7372 8.87402 11.8679 8.87402 11.9999C8.87402 12.132 8.90016 12.2627 8.95093 12.3845C9.0017 12.5064 9.07609 12.617 9.16982 12.7099L13.4098 16.9999C13.5033 17.0926 13.6141 17.166 13.7359 17.2157C13.8578 17.2655 13.9882 17.2907 14.1198 17.2899C14.2514 17.2907 14.3819 17.2655 14.5037 17.2157C14.6256 17.166 14.7364 17.0926 14.8298 16.9999C15.0161 16.8126 15.1206 16.5591 15.1206 16.2949C15.1206 16.0308 15.0161 15.7773 14.8298 15.5899L11.2898 11.9999Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35019
|
+
React$1.createElement(PageNavigation, {__self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 145}}
|
|
35020
|
+
, React$1.createElement('div', { className: "page-nav", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 146}}
|
|
35021
|
+
, React$1.createElement('button', { type: "button", onClick: ()=>{if (currPage > 1) setCurrPage(currPage - 1);}, disabled: currPage == 1, __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 147}}
|
|
35022
|
+
, React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 148}}
|
|
35023
|
+
, React$1.createElement('path', { d: "M11.2898 11.9999L14.8298 8.45995C15.0161 8.27259 15.1206 8.01913 15.1206 7.75495C15.1206 7.49076 15.0161 7.23731 14.8298 7.04995C14.7369 6.95622 14.6263 6.88183 14.5044 6.83106C14.3825 6.78029 14.2518 6.75415 14.1198 6.75415C13.9878 6.75415 13.8571 6.78029 13.7352 6.83106C13.6134 6.88183 13.5028 6.95622 13.4098 7.04995L9.16982 11.2899C9.07609 11.3829 9.0017 11.4935 8.95093 11.6154C8.90016 11.7372 8.87402 11.8679 8.87402 11.9999C8.87402 12.132 8.90016 12.2627 8.95093 12.3845C9.0017 12.5064 9.07609 12.617 9.16982 12.7099L13.4098 16.9999C13.5033 17.0926 13.6141 17.166 13.7359 17.2157C13.8578 17.2655 13.9882 17.2907 14.1198 17.2899C14.2514 17.2907 14.3819 17.2655 14.5037 17.2157C14.6256 17.166 14.7364 17.0926 14.8298 16.9999C15.0161 16.8126 15.1206 16.5591 15.1206 16.2949C15.1206 16.0308 15.0161 15.7773 14.8298 15.5899L11.2898 11.9999Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 149}})
|
|
35014
35024
|
)
|
|
35015
35025
|
)
|
|
35016
|
-
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35017
|
-
, React$1.createElement('button', { type: "button", onClick: ()=>{if (currPage < numPages) setCurrPage(currPage + 1);}, disabled: currPage == numPages, __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35018
|
-
, React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35019
|
-
, React$1.createElement('path', { d: "M14.8302 11.2899L10.5902 7.04995C10.4972 6.95622 10.3866 6.88183 10.2648 6.83106C10.1429 6.78029 10.0122 6.75415 9.88019 6.75415C9.74818 6.75415 9.61747 6.78029 9.49561 6.83106C9.37375 6.88183 9.26315 6.95622 9.17019 7.04995C8.98394 7.23731 8.87939 7.49076 8.87939 7.75495C8.87939 8.01913 8.98394 8.27259 9.17019 8.45995L12.7102 11.9999L9.17019 15.5399C8.98394 15.7273 8.87939 15.9808 8.87939 16.2449C8.87939 16.5091 8.98394 16.7626 9.17019 16.9499C9.26363 17.0426 9.37444 17.116 9.49628 17.1657C9.61812 17.2155 9.74858 17.2407 9.88019 17.2399C10.0118 17.2407 10.1423 17.2155 10.2641 17.1657C10.3859 17.116 10.4967 17.0426 10.5902 16.9499L14.8302 12.7099C14.9239 12.617 14.9983 12.5064 15.0491 12.3845C15.0998 12.2627 15.126 12.132 15.126 11.9999C15.126 11.8679 15.0998 11.7372 15.0491 11.6154C14.9983 11.4935 14.9239 11.3829 14.8302 11.2899Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35026
|
+
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 152}}, currPage, " " , _optionalChain$6([labelOverrides, 'optionalAccess', _2 => _2.of]) || 'of', " " , numPages)
|
|
35027
|
+
, React$1.createElement('button', { type: "button", onClick: ()=>{if (currPage < numPages) setCurrPage(currPage + 1);}, disabled: currPage == numPages, __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 153}}
|
|
35028
|
+
, React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 154}}
|
|
35029
|
+
, React$1.createElement('path', { d: "M14.8302 11.2899L10.5902 7.04995C10.4972 6.95622 10.3866 6.88183 10.2648 6.83106C10.1429 6.78029 10.0122 6.75415 9.88019 6.75415C9.74818 6.75415 9.61747 6.78029 9.49561 6.83106C9.37375 6.88183 9.26315 6.95622 9.17019 7.04995C8.98394 7.23731 8.87939 7.49076 8.87939 7.75495C8.87939 8.01913 8.98394 8.27259 9.17019 8.45995L12.7102 11.9999L9.17019 15.5399C8.98394 15.7273 8.87939 15.9808 8.87939 16.2449C8.87939 16.5091 8.98394 16.7626 9.17019 16.9499C9.26363 17.0426 9.37444 17.116 9.49628 17.1657C9.61812 17.2155 9.74858 17.2407 9.88019 17.2399C10.0118 17.2407 10.1423 17.2155 10.2641 17.1657C10.3859 17.116 10.4967 17.0426 10.5902 16.9499L14.8302 12.7099C14.9239 12.617 14.9983 12.5064 15.0491 12.3845C15.0998 12.2627 15.126 12.132 15.126 11.9999C15.126 11.8679 15.0998 11.7372 15.0491 11.6154C14.9983 11.4935 14.9239 11.3829 14.8302 11.2899Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 155}})
|
|
35020
35030
|
)
|
|
35021
35031
|
)
|
|
35022
35032
|
)
|
|
35023
35033
|
)
|
|
35024
35034
|
|
|
35025
35035
|
)
|
|
35026
|
-
, React$1.createElement('div', { className: "doc-nav", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35036
|
+
, React$1.createElement('div', { className: "doc-nav", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 162}}
|
|
35027
35037
|
, currDoc+1 < files.length &&
|
|
35028
|
-
React$1.createElement(OutlineButton, { variant: "primary", size: "sm", width: "fit-content", withBg: true, type: "button", onClick: ()=>{setCurrDoc(currDoc + 1);}, __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35038
|
+
React$1.createElement(OutlineButton, { variant: "primary", size: "sm", width: "fit-content", withBg: true, type: "button", onClick: ()=>{setCurrDoc(currDoc + 1);}, __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 164}}
|
|
35029
35039
|
, _optionalChain$6([labelOverrides, 'optionalAccess', _3 => _3.nextFile]) || 'Next file'
|
|
35030
|
-
, React$1.createElement('svg', { width: "16", height: "17", viewBox: "0 0 16 17" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35031
|
-
, React$1.createElement('path', { d: "M11.9467 8.24671C11.9149 8.16487 11.8674 8.09011 11.8067 8.02671L8.47333 4.69338C8.41117 4.63122 8.33738 4.58191 8.25617 4.54827C8.17495 4.51463 8.08791 4.49731 8 4.49731C7.82247 4.49731 7.6522 4.56784 7.52667 4.69338C7.46451 4.75553 7.4152 4.82933 7.38156 4.91054C7.34792 4.99176 7.33061 5.0788 7.33061 5.16671C7.33061 5.34424 7.40113 5.51451 7.52667 5.64004L9.72667 7.83338H4.66667C4.48986 7.83338 4.32029 7.90361 4.19526 8.02864C4.07024 8.15366 4 8.32323 4 8.50004C4 8.67685 4.07024 8.84642 4.19526 8.97145C4.32029 9.09647 4.48986 9.16671 4.66667 9.16671H9.72667L7.52667 11.36C7.46418 11.422 7.41459 11.4958 7.38074 11.577C7.34689 11.6582 7.32947 11.7454 7.32947 11.8334C7.32947 11.9214 7.34689 12.0085 7.38074 12.0898C7.41459 12.171 7.46418 12.2447 7.52667 12.3067C7.58864 12.3692 7.66238 12.4188 7.74362 12.4526C7.82486 12.4865 7.91199 12.5039 8 12.5039C8.08801 12.5039 8.17515 12.4865 8.25638 12.4526C8.33762 12.4188 8.41136 12.3692 8.47333 12.3067L11.8067 8.97338C11.8674 8.90997 11.9149 8.83521 11.9467 8.75338C12.0133 8.59107 12.0133 8.40902 11.9467 8.24671Z" , fill: "#4040F2", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber:
|
|
35040
|
+
, React$1.createElement('svg', { width: "16", height: "17", viewBox: "0 0 16 17" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 166}}
|
|
35041
|
+
, React$1.createElement('path', { d: "M11.9467 8.24671C11.9149 8.16487 11.8674 8.09011 11.8067 8.02671L8.47333 4.69338C8.41117 4.63122 8.33738 4.58191 8.25617 4.54827C8.17495 4.51463 8.08791 4.49731 8 4.49731C7.82247 4.49731 7.6522 4.56784 7.52667 4.69338C7.46451 4.75553 7.4152 4.82933 7.38156 4.91054C7.34792 4.99176 7.33061 5.0788 7.33061 5.16671C7.33061 5.34424 7.40113 5.51451 7.52667 5.64004L9.72667 7.83338H4.66667C4.48986 7.83338 4.32029 7.90361 4.19526 8.02864C4.07024 8.15366 4 8.32323 4 8.50004C4 8.67685 4.07024 8.84642 4.19526 8.97145C4.32029 9.09647 4.48986 9.16671 4.66667 9.16671H9.72667L7.52667 11.36C7.46418 11.422 7.41459 11.4958 7.38074 11.577C7.34689 11.6582 7.32947 11.7454 7.32947 11.8334C7.32947 11.9214 7.34689 12.0085 7.38074 12.0898C7.41459 12.171 7.46418 12.2447 7.52667 12.3067C7.58864 12.3692 7.66238 12.4188 7.74362 12.4526C7.82486 12.4865 7.91199 12.5039 8 12.5039C8.08801 12.5039 8.17515 12.4865 8.25638 12.4526C8.33762 12.4188 8.41136 12.3692 8.47333 12.3067L11.8067 8.97338C11.8674 8.90997 11.9149 8.83521 11.9467 8.75338C12.0133 8.59107 12.0133 8.40902 11.9467 8.24671Z" , fill: "#4040F2", __self: undefined, __source: {fileName: _jsxFileName$f, lineNumber: 167}})
|
|
35032
35042
|
)
|
|
35033
35043
|
)
|
|
35034
35044
|
|
|
@@ -39058,36 +39068,45 @@ const MainContainer = styled.div`
|
|
|
39058
39068
|
|
|
39059
39069
|
|
|
39060
39070
|
const SelectorItem = styled.button`
|
|
39061
|
-
|
|
39062
|
-
|
|
39063
|
-
|
|
39064
|
-
|
|
39065
|
-
|
|
39066
|
-
|
|
39067
|
-
|
|
39068
|
-
|
|
39069
|
-
|
|
39070
|
-
|
|
39071
|
-
|
|
39072
|
-
|
|
39073
|
-
|
|
39074
|
-
|
|
39075
|
-
|
|
39076
|
-
|
|
39077
|
-
|
|
39078
|
-
|
|
39079
|
-
|
|
39080
|
-
|
|
39081
|
-
|
|
39082
|
-
|
|
39083
|
-
|
|
39084
|
-
|
|
39085
|
-
|
|
39086
|
-
|
|
39087
|
-
|
|
39088
|
-
|
|
39089
|
-
|
|
39090
|
-
|
|
39071
|
+
min-width: 100%;
|
|
39072
|
+
border-radius: 8px;
|
|
39073
|
+
outline: 1px solid ${theme.colors["neutral-100"]};
|
|
39074
|
+
background: ${theme.colors.white};
|
|
39075
|
+
display: grid;
|
|
39076
|
+
justify-content: space-between;
|
|
39077
|
+
align-items: center;
|
|
39078
|
+
grid-template-columns: 1fr 0fr;
|
|
39079
|
+
padding: 16px;
|
|
39080
|
+
transition: 0.3s;
|
|
39081
|
+
cursor: pointer;
|
|
39082
|
+
border: none;
|
|
39083
|
+
text-align: left;
|
|
39084
|
+
|
|
39085
|
+
&:hover, &:focus-visible {
|
|
39086
|
+
outline-color: ${theme.colors["primary-500"]};
|
|
39087
|
+
background: ${theme.colors["primary-50"]};
|
|
39088
|
+
}
|
|
39089
|
+
|
|
39090
|
+
.text {
|
|
39091
|
+
margin: 0;
|
|
39092
|
+
width: 100%;
|
|
39093
|
+
padding-right: 16px;
|
|
39094
|
+
}
|
|
39095
|
+
|
|
39096
|
+
&.selected {
|
|
39097
|
+
outline-color: ${theme.colors["primary-500"]} !important;
|
|
39098
|
+
background: ${theme.colors["primary-50"]} !important;
|
|
39099
|
+
}
|
|
39100
|
+
|
|
39101
|
+
svg {
|
|
39102
|
+
height: 24px;
|
|
39103
|
+
width: 24px;
|
|
39104
|
+
}
|
|
39105
|
+
|
|
39106
|
+
a {
|
|
39107
|
+
color: ${theme.colors["primary-500"]};
|
|
39108
|
+
text-decoration: underline;
|
|
39109
|
+
}
|
|
39091
39110
|
`;
|
|
39092
39111
|
|
|
39093
39112
|
const _jsxFileName = "D:\\SSX\\Projects\\SSX Comps\\sscomp\\src\\components\\ConsentCheckbox\\ConsentCheckbox.tsx"; function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
|
|
@@ -39098,27 +39117,26 @@ const _jsxFileName = "D:\\SSX\\Projects\\SSX Comps\\sscomp\\src\\components\\Con
|
|
|
39098
39117
|
const ConsentCheckbox = (props) => {
|
|
39099
39118
|
const {children,onChange,isChecked} = props;
|
|
39100
39119
|
const [boxChecked,setBoxChecked] = React$1.useState(_nullishCoalesce(isChecked, () => ( false)));
|
|
39101
|
-
React$1.useRef(null);
|
|
39102
39120
|
|
|
39103
39121
|
React$1.useEffect(()=>{
|
|
39104
39122
|
onChange(boxChecked);
|
|
39105
39123
|
},[boxChecked]);
|
|
39106
39124
|
|
|
39107
39125
|
return (
|
|
39108
|
-
React$1.createElement(MainContainer, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
39126
|
+
React$1.createElement(MainContainer, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 18}}
|
|
39109
39127
|
, React$1.createElement(SelectorItem, { type: "button", className: `text paragraph2Regular ${boxChecked ? 'selected' : ''}`, onClick: (e)=>{
|
|
39110
39128
|
// @ts-ignore
|
|
39111
39129
|
if(e.target.tagName.toLowerCase() == 'a') return
|
|
39112
39130
|
setBoxChecked(!boxChecked);
|
|
39113
|
-
}, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
39114
|
-
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
39115
|
-
, React$1.createElement('svg', { width: "25", height: "25", viewBox: "0 0 25 25" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
39116
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_2040_756)", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
39117
|
-
, React$1.createElement('path', { d: "M19.5098 7.42885C19.4168 7.33513 19.3062 7.26073 19.1843 7.20996C19.0625 7.15919 18.9318 7.13306 18.7998 7.13306C18.6677 7.13306 18.537 7.15919 18.4152 7.20996C18.2933 7.26073 18.1827 7.33513 18.0898 7.42885L10.6398 14.8889L7.50975 11.7489C7.41323 11.6556 7.29929 11.5823 7.17444 11.5331C7.04958 11.4839 6.91626 11.4598 6.78208 11.4621C6.6479 11.4644 6.51549 11.4931 6.39241 11.5466C6.26933 11.6001 6.15799 11.6773 6.06475 11.7739C5.97152 11.8704 5.8982 11.9843 5.849 12.1092C5.79979 12.234 5.77566 12.3674 5.77798 12.5015C5.78031 12.6357 5.80903 12.7681 5.86253 12.8912C5.91602 13.0143 5.99323 13.1256 6.08975 13.2189L9.92975 17.0589C10.0227 17.1526 10.1333 17.227 10.2552 17.2777C10.377 17.3285 10.5077 17.3547 10.6398 17.3547C10.7718 17.3547 10.9025 17.3285 11.0243 17.2777C11.1462 17.227 11.2568 17.1526 11.3498 17.0589L19.5098 8.89886C19.6113 8.80521 19.6923 8.69156 19.7477 8.56506C19.8031 8.43856 19.8317 8.30196 19.8317 8.16386C19.8317 8.02575 19.8031 7.88915 19.7477 7.76265C19.6923 7.63615 19.6113 7.5225 19.5098 7.42885Z" , fill: boxChecked ? theme.colors["primary-500"] : theme.colors["neutral-400"], __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
39131
|
+
}, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 19}}
|
|
39132
|
+
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 24}}, children)
|
|
39133
|
+
, React$1.createElement('svg', { width: "25", height: "25", viewBox: "0 0 25 25" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 25}}
|
|
39134
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2040_756)", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 26}}
|
|
39135
|
+
, React$1.createElement('path', { d: "M19.5098 7.42885C19.4168 7.33513 19.3062 7.26073 19.1843 7.20996C19.0625 7.15919 18.9318 7.13306 18.7998 7.13306C18.6677 7.13306 18.537 7.15919 18.4152 7.20996C18.2933 7.26073 18.1827 7.33513 18.0898 7.42885L10.6398 14.8889L7.50975 11.7489C7.41323 11.6556 7.29929 11.5823 7.17444 11.5331C7.04958 11.4839 6.91626 11.4598 6.78208 11.4621C6.6479 11.4644 6.51549 11.4931 6.39241 11.5466C6.26933 11.6001 6.15799 11.6773 6.06475 11.7739C5.97152 11.8704 5.8982 11.9843 5.849 12.1092C5.79979 12.234 5.77566 12.3674 5.77798 12.5015C5.78031 12.6357 5.80903 12.7681 5.86253 12.8912C5.91602 13.0143 5.99323 13.1256 6.08975 13.2189L9.92975 17.0589C10.0227 17.1526 10.1333 17.227 10.2552 17.2777C10.377 17.3285 10.5077 17.3547 10.6398 17.3547C10.7718 17.3547 10.9025 17.3285 11.0243 17.2777C11.1462 17.227 11.2568 17.1526 11.3498 17.0589L19.5098 8.89886C19.6113 8.80521 19.6923 8.69156 19.7477 8.56506C19.8031 8.43856 19.8317 8.30196 19.8317 8.16386C19.8317 8.02575 19.8031 7.88915 19.7477 7.76265C19.6923 7.63615 19.6113 7.5225 19.5098 7.42885Z" , fill: boxChecked ? theme.colors["primary-500"] : theme.colors["neutral-400"], __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 27}})
|
|
39118
39136
|
)
|
|
39119
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
39120
|
-
, React$1.createElement('clipPath', { id: "clip0_2040_756", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
39121
|
-
, React$1.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(0.799805 0.21875)" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
39137
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 29}}
|
|
39138
|
+
, React$1.createElement('clipPath', { id: "clip0_2040_756", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 30}}
|
|
39139
|
+
, React$1.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(0.799805 0.21875)" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 31}})
|
|
39122
39140
|
)
|
|
39123
39141
|
)
|
|
39124
39142
|
)
|