ztxkui 3.9.1 → 3.9.2
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/DemoCom/TableDemo.js +16 -4
- package/dist/DemoCom/TestCom.d.ts +1 -0
- package/dist/DemoCom/TestCom.js +12 -3
- package/dist/components/EnhanceSelect/index.d.ts +3 -1
- package/dist/components/EnhanceSelect/index.js +9 -3
- package/dist/constants.d.ts +1 -1
- package/dist/constants.js +1 -1
- package/package.json +1 -1
|
@@ -56,7 +56,7 @@ import EnhanceSelect from 'components/EnhanceSelect';
|
|
|
56
56
|
import { OperationBtnGroup, Empty, Button, message, Container } from '../index';
|
|
57
57
|
import MaterialComp, {
|
|
58
58
|
// clearData,
|
|
59
|
-
clearDataFn,
|
|
59
|
+
clearDataFn, clearAllCatchData,
|
|
60
60
|
// transformDataFn,
|
|
61
61
|
} from './TestCom';
|
|
62
62
|
import { DatePicker } from 'index';
|
|
@@ -66,7 +66,7 @@ import FormDemo from './FormDemo';
|
|
|
66
66
|
// 获取表格数据
|
|
67
67
|
function useGetTableRecords() {
|
|
68
68
|
// 表格数据
|
|
69
|
-
var _a = useState(Array.from({ length:
|
|
69
|
+
var _a = useState(Array.from({ length: 10 }).map(function (item, index) {
|
|
70
70
|
var newItem = {
|
|
71
71
|
id: "" + (index + 1),
|
|
72
72
|
test1: index + 1 + "-test1",
|
|
@@ -488,6 +488,9 @@ var TableDemo = function () {
|
|
|
488
488
|
materialId: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
|
|
489
489
|
test1: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
|
|
490
490
|
}), tableConfig = _g[0], setTableConfig = _g[1];
|
|
491
|
+
// 刷新选择框
|
|
492
|
+
var _h = useState(false), refreshSel = _h[0], setRefreshSel = _h[1];
|
|
493
|
+
var refreshId = useRef(1);
|
|
491
494
|
useEffect(function () {
|
|
492
495
|
setTimeout(function () {
|
|
493
496
|
setTableConfig({
|
|
@@ -553,11 +556,15 @@ var TableDemo = function () {
|
|
|
553
556
|
setMoveChange(false);
|
|
554
557
|
return true;
|
|
555
558
|
}
|
|
559
|
+
if (refreshSel) {
|
|
560
|
+
setRefreshSel(false);
|
|
561
|
+
return true;
|
|
562
|
+
}
|
|
556
563
|
return (record.key1 !== preRecord.key1 ||
|
|
557
564
|
record.materialId !== preRecord.materialId);
|
|
558
565
|
},
|
|
559
566
|
render: function (text, record, index) {
|
|
560
|
-
return (React.createElement(MaterialComp, { value: record, materialId: record.materialId, prefix: "prefix", onChange: function (value) {
|
|
567
|
+
return (React.createElement(MaterialComp, { key: index + refreshId.current, value: record, materialId: record.materialId, prefix: "prefix", onChange: function (value) {
|
|
561
568
|
console.log(value);
|
|
562
569
|
var newRecord = __assign({}, value);
|
|
563
570
|
onEditableSaveHandle(newRecord, index);
|
|
@@ -907,7 +914,12 @@ var TableDemo = function () {
|
|
|
907
914
|
});
|
|
908
915
|
});
|
|
909
916
|
})();
|
|
910
|
-
} }, "\u70B9\u51FB")
|
|
917
|
+
} }, "\u70B9\u51FB"),
|
|
918
|
+
React.createElement(Button, { onClick: function () {
|
|
919
|
+
clearAllCatchData();
|
|
920
|
+
setRefreshSel(true);
|
|
921
|
+
refreshId.current = refreshId.current + 1;
|
|
922
|
+
} }, "\u6E32\u67D3")),
|
|
911
923
|
React.createElement(Table
|
|
912
924
|
// 如果需要保留本地偏好，那么这里需要预处理一下columns数据
|
|
913
925
|
// columns={getTableLayoutFullData(columns, tableLayout)}
|
package/dist/DemoCom/TestCom.js
CHANGED
|
@@ -51,10 +51,11 @@ import SearchContainer from '../components/business/SearchContainer';
|
|
|
51
51
|
import Input from '../components/Input';
|
|
52
52
|
import Modal from '../components/Modal';
|
|
53
53
|
import { message, Row, Col } from 'index';
|
|
54
|
-
import EnhanceSelect from 'components/EnhanceSelect';
|
|
54
|
+
import EnhanceSelect, { clearCatchData } from 'components/EnhanceSelect';
|
|
55
55
|
import './style.scss';
|
|
56
56
|
import Button from 'components/Button';
|
|
57
57
|
import { stringify } from 'qs';
|
|
58
|
+
import { token } from '../constants';
|
|
58
59
|
var SearchItem = SearchContainer.SearchItem, SearchLeft = SearchContainer.SearchLeft;
|
|
59
60
|
/**
|
|
60
61
|
* @description 获取当前物料对应的配置信息
|
|
@@ -62,7 +63,7 @@ var SearchItem = SearchContainer.SearchItem, SearchLeft = SearchContainer.Search
|
|
|
62
63
|
function getAttributeList(params) {
|
|
63
64
|
return fetch("http://192.168.0.83:8000/api/zmdms-mdm-data/newmaterialproductlevel/get-attribute-list?" + stringify(params), {
|
|
64
65
|
headers: {
|
|
65
|
-
'Zmdms-Auth':
|
|
66
|
+
'Zmdms-Auth': "bearer " + token,
|
|
66
67
|
},
|
|
67
68
|
method: 'get',
|
|
68
69
|
}).then(function (response) { return response.json(); });
|
|
@@ -70,7 +71,7 @@ function getAttributeList(params) {
|
|
|
70
71
|
function request(options) {
|
|
71
72
|
return fetch("http://192.168.0.83:8000" + options.url + "?" + stringify(options.params), {
|
|
72
73
|
headers: {
|
|
73
|
-
'Zmdms-Auth':
|
|
74
|
+
'Zmdms-Auth': "bearer " + token,
|
|
74
75
|
},
|
|
75
76
|
method: options.method,
|
|
76
77
|
}).then(function (response) {
|
|
@@ -176,6 +177,14 @@ var listDataAbout = {
|
|
|
176
177
|
url: "/api/zmdms-mdm-data/material-meta-info/packingMethod-list",
|
|
177
178
|
},
|
|
178
179
|
};
|
|
180
|
+
export function clearAllCatchData() {
|
|
181
|
+
clearCatchData('/api/zmdms-mdm-data/material-meta-info/brand-list');
|
|
182
|
+
clearCatchData('/api/zmdms-mdm-data/material-meta-info/texture-list');
|
|
183
|
+
clearCatchData('/api/zmdms-mdm-data/material-meta-info/specification-list');
|
|
184
|
+
clearCatchData('/api/zmdms-mdm-data/material-meta-info/placesteel-list');
|
|
185
|
+
clearCatchData('/api/zmdms-mdm-data/material-meta-info/workmanship-list');
|
|
186
|
+
clearCatchData('/api/zmdms-mdm-data/material-meta-info/packingMethod-list');
|
|
187
|
+
}
|
|
179
188
|
var MaterialComp = function (_a) {
|
|
180
189
|
var value = _a.value, onChange = _a.onChange, _b = _a.controleType, controleType = _b === void 0 ? 'hide' : _b, materialRef = _a.materialRef, materialId = _a.materialId, onlyDetail = _a.onlyDetail, prefix = _a.prefix, postfix = _a.postfix;
|
|
181
190
|
var form = Form.useForm()[0];
|
|
@@ -131,7 +131,9 @@ export interface IProps<T> extends Omit<SelectProps<T>, 'onChange'> {
|
|
|
131
131
|
* 是否点击时才请求
|
|
132
132
|
*/
|
|
133
133
|
isClickRequest?: boolean;
|
|
134
|
+
handleRef?: any;
|
|
134
135
|
}
|
|
136
|
+
export declare function clearCatchData(url: string): void;
|
|
135
137
|
/**
|
|
136
138
|
* 增强下拉框功能组件
|
|
137
139
|
* 添加远程搜索
|
|
@@ -147,6 +149,6 @@ export interface IProps<T> extends Omit<SelectProps<T>, 'onChange'> {
|
|
|
147
149
|
* { code: 200, data: { records: [] } } || { status: 200, data: { code: 200, data: { records: [] } } }
|
|
148
150
|
* 如果数据不能在接口层面满足以上形式，那么组件提供transformData属性，转换接口数据格式
|
|
149
151
|
*/
|
|
150
|
-
declare function EnhanceSelect<VT extends SelectValue = SelectValue>({ list, defaultList, params, url, method, timeout, dataKey, componentKey, titleKey, showAll, isCatch, onCompleted, onChange, onSearch, request, remoteSearch, remoteSearchKey, remoteSearchDataKey, isRemoteSearchDataKey, transformData, joinKey, joinStr, lineFeedKey, lineFeedStr, mustHasParams, disabledValues, searchDeleteKeys, isHandAddItem, isPage, currentSize, isCopy, onBlur, onFocus, isClickRequest, ...restProps }: IProps<VT>): JSX.Element;
|
|
152
|
+
declare function EnhanceSelect<VT extends SelectValue = SelectValue>({ list, defaultList, params, url, method, timeout, dataKey, componentKey, titleKey, showAll, isCatch, onCompleted, onChange, onSearch, request, remoteSearch, remoteSearchKey, remoteSearchDataKey, isRemoteSearchDataKey, transformData, joinKey, joinStr, lineFeedKey, lineFeedStr, mustHasParams, disabledValues, searchDeleteKeys, isHandAddItem, isPage, currentSize, isCopy, onBlur, onFocus, isClickRequest, handleRef, ...restProps }: IProps<VT>): JSX.Element;
|
|
151
153
|
declare const _default: React.MemoExoticComponent<typeof EnhanceSelect>;
|
|
152
154
|
export default _default;
|
|
@@ -29,7 +29,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
|
29
29
|
* @author cyx
|
|
30
30
|
* @description 增强下拉框功能
|
|
31
31
|
*/
|
|
32
|
-
import React, { useCallback, useEffect, memo, useRef, useState, useMemo, } from 'react';
|
|
32
|
+
import React, { useCallback, useEffect, memo, useRef, useState, useMemo, useImperativeHandle, } from 'react';
|
|
33
33
|
import { Divider, Select } from 'antd';
|
|
34
34
|
import Button from '../Button';
|
|
35
35
|
import { useFetchState } from 'ztxkutils/dist/hooks';
|
|
@@ -46,6 +46,9 @@ import { dangerouslySetXss } from 'ztxkutils/dist/tools';
|
|
|
46
46
|
var enhanceSelectCatchObj = {};
|
|
47
47
|
var enhanceSelectCatchLruKeys = [];
|
|
48
48
|
var enhanceSelectCatchLruMaxSize = 800;
|
|
49
|
+
export function clearCatchData(url) {
|
|
50
|
+
enhanceSelectCatchObj[url] = {};
|
|
51
|
+
}
|
|
49
52
|
// 获取接口数据
|
|
50
53
|
function getData(request, options) {
|
|
51
54
|
var _a;
|
|
@@ -123,7 +126,7 @@ function clearNullData(arr, dataKey, titleKey) {
|
|
|
123
126
|
* 如果数据不能在接口层面满足以上形式，那么组件提供transformData属性，转换接口数据格式
|
|
124
127
|
*/
|
|
125
128
|
function EnhanceSelect(_a) {
|
|
126
|
-
var list = _a.list, defaultList = _a.defaultList, params = _a.params, url = _a.url, _b = _a.method, method = _b === void 0 ? 'GET' : _b, _c = _a.timeout, timeout = _c === void 0 ? 60000 : _c, _d = _a.dataKey, dataKey = _d === void 0 ? 'id' : _d, componentKey = _a.componentKey, _e = _a.titleKey, titleKey = _e === void 0 ? 'name' : _e, showAll = _a.showAll, isCatch = _a.isCatch, onCompleted = _a.onCompleted, onChange = _a.onChange, onSearch = _a.onSearch, request = _a.request, remoteSearch = _a.remoteSearch, remoteSearchKey = _a.remoteSearchKey, remoteSearchDataKey = _a.remoteSearchDataKey, _f = _a.isRemoteSearchDataKey, isRemoteSearchDataKey = _f === void 0 ? true : _f, transformData = _a.transformData, joinKey = _a.joinKey, _g = _a.joinStr, joinStr = _g === void 0 ? '-' : _g, lineFeedKey = _a.lineFeedKey, _h = _a.lineFeedStr, lineFeedStr = _h === void 0 ? '-' : _h, mustHasParams = _a.mustHasParams, disabledValues = _a.disabledValues, searchDeleteKeys = _a.searchDeleteKeys, isHandAddItem = _a.isHandAddItem, isPage = _a.isPage, _j = _a.currentSize, currentSize = _j === void 0 ? 30 : _j, isCopy = _a.isCopy, onBlur = _a.onBlur, onFocus = _a.onFocus, isClickRequest = _a.isClickRequest, restProps = __rest(_a, ["list", "defaultList", "params", "url", "method", "timeout", "dataKey", "componentKey", "titleKey", "showAll", "isCatch", "onCompleted", "onChange", "onSearch", "request", "remoteSearch", "remoteSearchKey", "remoteSearchDataKey", "isRemoteSearchDataKey", "transformData", "joinKey", "joinStr", "lineFeedKey", "lineFeedStr", "mustHasParams", "disabledValues", "searchDeleteKeys", "isHandAddItem", "isPage", "currentSize", "isCopy", "onBlur", "onFocus", "isClickRequest"]);
|
|
129
|
+
var list = _a.list, defaultList = _a.defaultList, params = _a.params, url = _a.url, _b = _a.method, method = _b === void 0 ? 'GET' : _b, _c = _a.timeout, timeout = _c === void 0 ? 60000 : _c, _d = _a.dataKey, dataKey = _d === void 0 ? 'id' : _d, componentKey = _a.componentKey, _e = _a.titleKey, titleKey = _e === void 0 ? 'name' : _e, showAll = _a.showAll, isCatch = _a.isCatch, onCompleted = _a.onCompleted, onChange = _a.onChange, onSearch = _a.onSearch, request = _a.request, remoteSearch = _a.remoteSearch, remoteSearchKey = _a.remoteSearchKey, remoteSearchDataKey = _a.remoteSearchDataKey, _f = _a.isRemoteSearchDataKey, isRemoteSearchDataKey = _f === void 0 ? true : _f, transformData = _a.transformData, joinKey = _a.joinKey, _g = _a.joinStr, joinStr = _g === void 0 ? '-' : _g, lineFeedKey = _a.lineFeedKey, _h = _a.lineFeedStr, lineFeedStr = _h === void 0 ? '-' : _h, mustHasParams = _a.mustHasParams, disabledValues = _a.disabledValues, searchDeleteKeys = _a.searchDeleteKeys, isHandAddItem = _a.isHandAddItem, isPage = _a.isPage, _j = _a.currentSize, currentSize = _j === void 0 ? 30 : _j, isCopy = _a.isCopy, onBlur = _a.onBlur, onFocus = _a.onFocus, isClickRequest = _a.isClickRequest, handleRef = _a.handleRef, restProps = __rest(_a, ["list", "defaultList", "params", "url", "method", "timeout", "dataKey", "componentKey", "titleKey", "showAll", "isCatch", "onCompleted", "onChange", "onSearch", "request", "remoteSearch", "remoteSearchKey", "remoteSearchDataKey", "isRemoteSearchDataKey", "transformData", "joinKey", "joinStr", "lineFeedKey", "lineFeedStr", "mustHasParams", "disabledValues", "searchDeleteKeys", "isHandAddItem", "isPage", "currentSize", "isCopy", "onBlur", "onFocus", "isClickRequest", "handleRef"]);
|
|
127
130
|
// TODO: 注释动态设置open逻辑 start
|
|
128
131
|
// const currentClick = useRef<boolean>(true);
|
|
129
132
|
// TODO: 注释动态设置open逻辑 end
|
|
@@ -983,6 +986,10 @@ function EnhanceSelect(_a) {
|
|
|
983
986
|
}
|
|
984
987
|
}
|
|
985
988
|
};
|
|
989
|
+
// 暴露一些方法给外部使用
|
|
990
|
+
useImperativeHandle(handleRef, function () { return ({
|
|
991
|
+
sendRequestNoCatch: sendRequestNoCatch,
|
|
992
|
+
}); });
|
|
986
993
|
return (React.createElement(Select, __assign({ defaultValue: showAll ? '' : undefined, allowClear: true, showSearch: true, filterOption: remoteSearch ? false : filterOptionHandle, onSearch: remoteSearch ? onSearchHandle : onSearchHandleInner, onChange: onChangeHandle, optionLabelProp: "title", loading: loading, onFocus: onFocusHandle, onBlur: onBlurHandle, onClear: onClearHandle, onSelect: onSelectHandle, onClick: onClickHandle,
|
|
987
994
|
// getPopupContainer={(trigger) => trigger || document.body}
|
|
988
995
|
open: isOpen, onDropdownVisibleChange: function (visible) { return setIsOpen(visible); }, onPopupScroll: onPopupScrollHandle, dropdownRender: url && !remoteSearch && isCatch
|
|
@@ -998,7 +1005,6 @@ function EnhanceSelect(_a) {
|
|
|
998
1005
|
} },
|
|
999
1006
|
React.createElement("span", null),
|
|
1000
1007
|
React.createElement(Button, { onClick: function (e) {
|
|
1001
|
-
console.log(e);
|
|
1002
1008
|
e.preventDefault();
|
|
1003
1009
|
sendRequestNoCatch();
|
|
1004
1010
|
} }, "\u5237\u65B0\u6570\u636E")))); }
|
package/dist/constants.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.
|
|
1
|
+
export declare const token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoiY2hlbnl4IiwiZW1wX25hbWUiOm51bGwsImVtcF9udW1iZXIiOm51bGwsImltdF9pZCI6IiIsInJlYWxfbmFtZSI6IumZiOS6mumbhCIsImNsaWVudF90eXBlIjoid2ViIiwiZGF0YV9yb2xlX2lkIjoiMTM0NTk3ODUwNTMwMjA1Njk2MiwxNDY4MDM1MzUxNjI1Mjg1NjM0LDE1NDIwNzYzMDg1NzgwMjU0NzQiLCJjbGllbnRfaWQiOiJzd29yZCIsInVzZXJfdHlwZSI6IndlYiIsInJvbGVfaWQiOiIxMTIzNTk4ODE2NzM4Njc1MjAxLDE0NjcwMTU5NzU0ODQ3NjAwNjYsMTQ2ODAzNDQzNzE1Nzk2MTcyOSwxNDgwODI5MzM3OTM5MTMyNDE3IiwicG9zdF9uYW1lIjpudWxsLCJzY29wZSI6WyJhbGwiXSwiaW50ZXJ2aWV3X2lkIjoiIiwiZXhwIjoxNjY2NTc0OTQ1LCJvcmdfbmFtZSI6bnVsbCwianRpIjoiZTIxZmU0MzctNjk4Yi00ZGZhLWE1MzQtNDU2NmQwZjAzMDhmIiwibWVtYmVyX2lkIjoiMSIsImNvbXBhbnlfaWQiOiIiLCJzeXN0ZW1faWQiOm51bGwsImRlcHRfbmFtZSI6bnVsbCwiYXZhdGFyIjoiIiwiZGF0YV9yb2xlX25hbWUiOiJhZG1pbixhZG1pbixhZG1pbiIsImF1dGhvcml0aWVzIjpbImFkbWluIiwidXNlciIsImFkbWluaXN0cmF0b3IiXSwicm9sZV9uYW1lIjoiYWRtaW5pc3RyYXRvcix1c2VyLGFkbWluLGFkbWluIiwicmVzdW1lX3RlbXBsYXRlIjpudWxsLCJsaWNlbnNlIjoicG93ZXJlZCBieSB6bWRtcyIsInBvc3RfaWQiOiIiLCJ1c2VyX2lkIjoiMTQxMjk1MzgwNDMzMzU1NTcxNCIsIm9yZ19pZCI6IiIsIm5pY2tfbmFtZSI6IumZiOS6mumbhCIsImNvbXBhbnlfbmFtZSI6bnVsbCwiZGVwdF9pZCI6IiIsImhhbmRsZV9ocl9uYW1lIjpudWxsLCJhY2NvdW50IjoiY2hlbnl4IiwicmVzdW1lX2lkIjoiIn0.3wQ20AOx9kTlKYw1NgSnvt_qUOl3QnJopejxIQtXgU0";
|
package/dist/constants.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export var token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.
|
|
1
|
+
export var token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoiY2hlbnl4IiwiZW1wX25hbWUiOm51bGwsImVtcF9udW1iZXIiOm51bGwsImltdF9pZCI6IiIsInJlYWxfbmFtZSI6IumZiOS6mumbhCIsImNsaWVudF90eXBlIjoid2ViIiwiZGF0YV9yb2xlX2lkIjoiMTM0NTk3ODUwNTMwMjA1Njk2MiwxNDY4MDM1MzUxNjI1Mjg1NjM0LDE1NDIwNzYzMDg1NzgwMjU0NzQiLCJjbGllbnRfaWQiOiJzd29yZCIsInVzZXJfdHlwZSI6IndlYiIsInJvbGVfaWQiOiIxMTIzNTk4ODE2NzM4Njc1MjAxLDE0NjcwMTU5NzU0ODQ3NjAwNjYsMTQ2ODAzNDQzNzE1Nzk2MTcyOSwxNDgwODI5MzM3OTM5MTMyNDE3IiwicG9zdF9uYW1lIjpudWxsLCJzY29wZSI6WyJhbGwiXSwiaW50ZXJ2aWV3X2lkIjoiIiwiZXhwIjoxNjY2NTc0OTQ1LCJvcmdfbmFtZSI6bnVsbCwianRpIjoiZTIxZmU0MzctNjk4Yi00ZGZhLWE1MzQtNDU2NmQwZjAzMDhmIiwibWVtYmVyX2lkIjoiMSIsImNvbXBhbnlfaWQiOiIiLCJzeXN0ZW1faWQiOm51bGwsImRlcHRfbmFtZSI6bnVsbCwiYXZhdGFyIjoiIiwiZGF0YV9yb2xlX25hbWUiOiJhZG1pbixhZG1pbixhZG1pbiIsImF1dGhvcml0aWVzIjpbImFkbWluIiwidXNlciIsImFkbWluaXN0cmF0b3IiXSwicm9sZV9uYW1lIjoiYWRtaW5pc3RyYXRvcix1c2VyLGFkbWluLGFkbWluIiwicmVzdW1lX3RlbXBsYXRlIjpudWxsLCJsaWNlbnNlIjoicG93ZXJlZCBieSB6bWRtcyIsInBvc3RfaWQiOiIiLCJ1c2VyX2lkIjoiMTQxMjk1MzgwNDMzMzU1NTcxNCIsIm9yZ19pZCI6IiIsIm5pY2tfbmFtZSI6IumZiOS6mumbhCIsImNvbXBhbnlfbmFtZSI6bnVsbCwiZGVwdF9pZCI6IiIsImhhbmRsZV9ocl9uYW1lIjpudWxsLCJhY2NvdW50IjoiY2hlbnl4IiwicmVzdW1lX2lkIjoiIn0.3wQ20AOx9kTlKYw1NgSnvt_qUOl3QnJopejxIQtXgU0';
|