@pushchain/ui-kit 4.0.6-alpha.2 → 4.0.6
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/CHANGELOG.md +7 -0
- package/package.json +1 -1
- package/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.d.ts +1 -0
- package/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.js +2 -2
- package/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.js.map +1 -1
- package/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.d.ts +1 -0
- package/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.js +2 -2
- package/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.js.map +1 -1
- package/src/lib/components/PushUniversalAccountButton/index.js +15 -14
- package/src/lib/components/PushUniversalAccountButton/index.js.map +1 -1
- package/src/lib/components/common/Button.d.ts +2 -0
- package/src/lib/components/common/Button.js +2 -2
- package/src/lib/components/common/Button.js.map +1 -1
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@ const styled_components_1 = tslib_1.__importDefault(require("styled-components")
|
|
|
7
7
|
const usePushWallet_1 = require("../../hooks/usePushWallet");
|
|
8
8
|
const common_1 = require("../common");
|
|
9
9
|
const constants_1 = require("../../constants");
|
|
10
|
-
const ConnectWalletButton = ({ uid, connectButtonText, loadingComponent, }) => {
|
|
10
|
+
const ConnectWalletButton = ({ uid, connectButtonText, loadingComponent, style, }) => {
|
|
11
11
|
const { connectionStatus, handleConnectToPushWallet } = (0, usePushWallet_1.usePushWalletContext)(uid);
|
|
12
12
|
const isConnectButtonDisbaled = connectionStatus === constants_1.PushUI.CONSTANTS.CONNECTION.STATUS.CONNECTED ||
|
|
13
13
|
connectionStatus === constants_1.PushUI.CONSTANTS.CONNECTION.STATUS.AUTHENTICATING ||
|
|
@@ -20,7 +20,7 @@ const ConnectWalletButton = ({ uid, connectButtonText, loadingComponent, }) => {
|
|
|
20
20
|
return word.charAt(0).toUpperCase() + word.slice(1);
|
|
21
21
|
};
|
|
22
22
|
const handleConnectWalletButton = () => handleConnectToPushWallet();
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)(common_1.Button, { bgColor: "var(--pwauth-btn-connect-bg-color)", textColor: "var(--pwauth-btn-connect-text-color)", borderRadius: "var(--pwauth-btn-connect-border-radius)", onClick: handleConnectWalletButton, disabled: isConnectButtonDisbaled || isLoading, children: connectionStatus === constants_1.PushUI.CONSTANTS.CONNECTION.STATUS.NOT_CONNECTED
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(common_1.Button, { bgColor: "var(--pwauth-btn-connect-bg-color)", textColor: "var(--pwauth-btn-connect-text-color)", borderRadius: "var(--pwauth-btn-connect-border-radius)", onClick: handleConnectWalletButton, disabled: isConnectButtonDisbaled || isLoading, style: style, children: connectionStatus === constants_1.PushUI.CONSTANTS.CONNECTION.STATUS.NOT_CONNECTED
|
|
24
24
|
? connectButtonText
|
|
25
25
|
: isLoading
|
|
26
26
|
? loadingComponent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectWalletButton.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.tsx"],"names":[],"mappings":";;;;;AACA,kFAAuC;AACvC,6DAAiE;AACjE,sCAA4C;AAC5C,+CAAyC;
|
|
1
|
+
{"version":3,"file":"ConnectWalletButton.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.tsx"],"names":[],"mappings":";;;;;AACA,kFAAuC;AACvC,6DAAiE;AACjE,sCAA4C;AAC5C,+CAAyC;AASzC,MAAM,mBAAmB,GAAqC,CAAC,EAC7D,GAAG,EACH,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,GACnD,IAAA,oCAAoB,EAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,uBAAuB,GAC3B,gBAAgB,KAAK,kBAAM,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS;QACjE,gBAAgB,KAAK,kBAAM,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,cAAc;QACtE,gBAAgB,KAAK,kBAAM,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC;IAErE,MAAM,SAAS,GACb,gBAAgB,KAAK,kBAAM,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU;QAClE,gBAAgB,KAAK,kBAAM,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,cAAc,CAAC;IAEzE,MAAM,UAAU,GAAG,CAAC,IAAY,EAAU,EAAE;QAC1C,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC,CAAA;IAED,MAAM,yBAAyB,GAAG,GAAG,EAAE,CAAC,yBAAyB,EAAE,CAAC;IAEpE,OAAO,CACL,uBAAC,eAAM,IACL,OAAO,EAAC,oCAAoC,EAC5C,SAAS,EAAC,sCAAsC,EAChD,YAAY,EAAC,yCAAyC,EACtD,OAAO,EAAE,yBAAyB,EAClC,QAAQ,EAAE,uBAAuB,IAAI,SAAS,EAC9C,KAAK,EAAE,KAAK,YAEX,gBAAgB,KAAK,kBAAM,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,aAAa;YACpE,CAAC,CAAC,iBAAiB;YACnB,CAAC,CAAC,SAAS;gBACT,CAAC,CAAC,gBAAgB;oBAChB,CAAC,CAAC,gBAAgB;oBAClB,CAAC,CAAC,6DACG,UAAU,CAAC,gBAAgB,CAAC,EAC7B,uBAAC,gBAAgB,cACf,uBAAC,gBAAO,KAAG,GACM,IAClB;gBACP,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAC3B,CACV,CAAC;AACJ,CAAC,CAAC;AAEO,kDAAmB;AAE5B,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAElC,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { UniversalAccount } from '../../types';
|
|
|
3
3
|
type TogglePushWalletButtonProps = {
|
|
4
4
|
uid?: string;
|
|
5
5
|
universalAccount: UniversalAccount;
|
|
6
|
+
style?: React.CSSProperties;
|
|
6
7
|
};
|
|
7
8
|
declare const TogglePushWalletButton: React.FC<TogglePushWalletButtonProps>;
|
|
8
9
|
export { TogglePushWalletButton };
|
|
@@ -6,7 +6,7 @@ const usePushWallet_1 = require("../../hooks/usePushWallet");
|
|
|
6
6
|
const common_1 = require("../common");
|
|
7
7
|
const helpers_1 = require("../../helpers");
|
|
8
8
|
const constants_1 = require("../../constants");
|
|
9
|
-
const TogglePushWalletButton = ({ uid, universalAccount, }) => {
|
|
9
|
+
const TogglePushWalletButton = ({ uid, universalAccount, style, }) => {
|
|
10
10
|
const { setMinimiseWallet, isWalletMinimised, toggleButtonRef } = (0, usePushWallet_1.usePushWalletContext)(uid);
|
|
11
11
|
const { chain, address } = universalAccount;
|
|
12
12
|
function getChainIcon(chain) {
|
|
@@ -23,7 +23,7 @@ const TogglePushWalletButton = ({ uid, universalAccount, }) => {
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
const maskedAddress = (0, helpers_1.centerMaskString)(address);
|
|
26
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(common_1.Button, { onClick: () => setMinimiseWallet(!isWalletMinimised), bgColor: "var(--pwauth-btn-connected-bg-color)", textColor: "var(--pwauth-btn-connected-text-color)", borderRadius: "var(--pwauth-btn-connect-border-radius)", gap: '8px', padding: '12px', ref: toggleButtonRef, children: [getChainIcon(chain), maskedAddress] }) }));
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(common_1.Button, { onClick: () => setMinimiseWallet(!isWalletMinimised), bgColor: "var(--pwauth-btn-connected-bg-color)", textColor: "var(--pwauth-btn-connected-text-color)", borderRadius: "var(--pwauth-btn-connect-border-radius)", gap: '8px', padding: '12px', ref: toggleButtonRef, style: style, children: [getChainIcon(chain), maskedAddress] }) }));
|
|
27
27
|
};
|
|
28
28
|
exports.TogglePushWalletButton = TogglePushWalletButton;
|
|
29
29
|
//# sourceMappingURL=TogglePushWalletButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TogglePushWalletButton.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.tsx"],"names":[],"mappings":";;;;AAEA,6DAAiE;AAEjE,sCAA2D;AAC3D,2CAA6D;AAC7D,+CAA6C;
|
|
1
|
+
{"version":3,"file":"TogglePushWalletButton.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.tsx"],"names":[],"mappings":";;;;AAEA,6DAAiE;AAEjE,sCAA2D;AAC3D,2CAA6D;AAC7D,+CAA6C;AAO7C,MAAM,sBAAsB,GAA0C,CAAC,EACrE,GAAG,EACH,gBAAgB,EAChB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAC7D,IAAA,oCAAoB,EAAC,GAAG,CAAC,CAAC;IAC5B,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAC;IAE5C,SAAS,YAAY,CAAC,KAAY;QAChC,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,CAAC;QAClC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,uBAAC,qBAAY,KAAG,CAAC;QAC1B,CAAC;QACD,MAAM,aAAa,GAAG,sBAAU,CAAC,OAAO,CAAC,CAAC;QAC1C,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,uBAAC,aAAa,KAAG,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,OAAO,uBAAC,qBAAY,KAAG,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,MAAM,aAAa,GAAG,IAAA,0BAAgB,EAAC,OAAO,CAAC,CAAC;IAEhD,OAAO,CACL,2DACE,wBAAC,eAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,EACpD,OAAO,EAAC,sCAAsC,EAC9C,SAAS,EAAC,wCAAwC,EAClD,YAAY,EAAC,yCAAyC,EACtD,GAAG,EAAC,KAAK,EACT,OAAO,EAAC,MAAM,EACd,GAAG,EAAE,eAAe,EACpB,KAAK,EAAE,KAAK,aAEX,YAAY,CAAC,KAAK,CAAC,EACnB,aAAa,IACP,GACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEO,wDAAsB"}
|
|
@@ -10,20 +10,19 @@ const ConnectWalletButton_1 = require("./ConnectWalletButton");
|
|
|
10
10
|
const TogglePushWalletButton_1 = require("./TogglePushWalletButton");
|
|
11
11
|
const styled_components_1 = require("styled-components");
|
|
12
12
|
const theme_1 = require("../../utils/theme");
|
|
13
|
-
const
|
|
14
|
-
[data-pw-wrapper='${(props) => props.uid}']{
|
|
15
|
-
${(props) => {
|
|
13
|
+
const buildButtonCssVars = (themeMode, themeOverrides) => {
|
|
16
14
|
var _a;
|
|
17
|
-
const { themeOverrides, themeMode } = props.theme;
|
|
18
15
|
const isLightMode = themeMode === 'light';
|
|
19
16
|
const { dark, light } = themeOverrides, globalOverrides = tslib_1.__rest(themeOverrides, ["dark", "light"]);
|
|
20
17
|
const newTokens = Object.assign(Object.assign({}, (0, theme_1.mapButtonCoreToInt)(globalOverrides)), (0, theme_1.mapButtonCoreToInt)((_a = (isLightMode ? light : dark)) !== null && _a !== void 0 ? _a : {}));
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
18
|
+
const cssVars = {};
|
|
19
|
+
for (const [key, value] of Object.entries(newTokens)) {
|
|
20
|
+
if (value !== undefined && value !== null && value !== '') {
|
|
21
|
+
cssVars[key] = String(value);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
return cssVars;
|
|
25
|
+
};
|
|
27
26
|
const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Connect Account', loadingComponent, modalAppOverride, loginAppOverride, themeOverrides: ButtonThemeOverrides, }) => {
|
|
28
27
|
const { universalAccount, themeOverrides, themeMode, updateModalAppData, updateWalletAppData, } = (0, usePushWallet_1.usePushWalletContext)(uid);
|
|
29
28
|
(0, react_1.useEffect)(() => {
|
|
@@ -32,6 +31,8 @@ const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Conn
|
|
|
32
31
|
if (loginAppOverride)
|
|
33
32
|
updateWalletAppData(loginAppOverride);
|
|
34
33
|
}, []);
|
|
34
|
+
const mergedButtonOverrides = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, themeOverrides), ButtonThemeOverrides)), [themeOverrides, ButtonThemeOverrides]);
|
|
35
|
+
const wrapperStyle = (0, react_1.useMemo)(() => buildButtonCssVars(themeMode, mergedButtonOverrides), [themeMode, mergedButtonOverrides]);
|
|
35
36
|
const Component = () => {
|
|
36
37
|
if (universalAccount) {
|
|
37
38
|
// Merge props with buttonDefaults, giving priority to direct props
|
|
@@ -39,7 +40,7 @@ const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Conn
|
|
|
39
40
|
uid: uid,
|
|
40
41
|
universalAccount: universalAccount,
|
|
41
42
|
};
|
|
42
|
-
return (0, jsx_runtime_1.jsx)(TogglePushWalletButton_1.TogglePushWalletButton, Object.assign({}, toggleButtonProps));
|
|
43
|
+
return (0, jsx_runtime_1.jsx)(TogglePushWalletButton_1.TogglePushWalletButton, Object.assign({}, toggleButtonProps, { style: wrapperStyle }));
|
|
43
44
|
}
|
|
44
45
|
else {
|
|
45
46
|
// Merge props with buttonDefaults, giving priority to direct props
|
|
@@ -48,13 +49,13 @@ const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Conn
|
|
|
48
49
|
connectButtonText,
|
|
49
50
|
loadingComponent,
|
|
50
51
|
};
|
|
51
|
-
return (0, jsx_runtime_1.jsx)(ConnectWalletButton_1.ConnectWalletButton, Object.assign({}, connectButtonProps));
|
|
52
|
+
return (0, jsx_runtime_1.jsx)(ConnectWalletButton_1.ConnectWalletButton, Object.assign({}, connectButtonProps, { style: wrapperStyle }));
|
|
52
53
|
}
|
|
53
54
|
};
|
|
54
|
-
return ((0, jsx_runtime_1.
|
|
55
|
+
return ((0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, { theme: {
|
|
55
56
|
themeMode,
|
|
56
57
|
themeOverrides: Object.assign(Object.assign({}, themeOverrides), ButtonThemeOverrides),
|
|
57
|
-
}, children:
|
|
58
|
+
}, children: (0, jsx_runtime_1.jsx)(Component, {}) }));
|
|
58
59
|
};
|
|
59
60
|
exports.PushUniversalAccountButton = PushUniversalAccountButton;
|
|
60
61
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/index.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAsD;AACtD,iCAAsD;AACtD,6DAAiE;AACjE,+DAA4D;AAC5D,qEAAkE;AAClE,yDAI2B;AAE3B,6CAAuD;AAiBvD,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ export type ButtonProps = {
|
|
|
8
8
|
gap?: React.CSSProperties['gap'];
|
|
9
9
|
padding?: React.CSSProperties['padding'];
|
|
10
10
|
disabled?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
11
12
|
} & TransformedHTMLAttributes<HTMLButtonElement>;
|
|
12
13
|
declare const Button: React.ForwardRefExoticComponent<{
|
|
13
14
|
children?: ReactNode;
|
|
@@ -17,5 +18,6 @@ declare const Button: React.ForwardRefExoticComponent<{
|
|
|
17
18
|
gap?: React.CSSProperties["gap"];
|
|
18
19
|
padding?: React.CSSProperties["padding"];
|
|
19
20
|
disabled?: boolean;
|
|
21
|
+
style?: React.CSSProperties;
|
|
20
22
|
} & TransformedHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
21
23
|
export { Button };
|
|
@@ -31,8 +31,8 @@ const StyledButton = styled_components_1.default.button `
|
|
|
31
31
|
white-space: nowrap;
|
|
32
32
|
`;
|
|
33
33
|
const Button = (0, react_1.forwardRef)((_a, ref) => {
|
|
34
|
-
var { disabled, bgColor, textColor, borderRadius, gap, padding, children } = _a, props = tslib_1.__rest(_a, ["disabled", "bgColor", "textColor", "borderRadius", "gap", "padding", "children"]);
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(StyledButton, Object.assign({}, (disabled ? { 'aria-disabled': true } : {}), { role: "button", ref: ref, "$bgColor": bgColor, "$textColor": textColor, "$borderRadius": borderRadius, "$gap": gap, "$padding": padding, "$disabled": disabled }, props, { children: children })));
|
|
34
|
+
var { disabled, bgColor, textColor, borderRadius, gap, padding, style, children } = _a, props = tslib_1.__rest(_a, ["disabled", "bgColor", "textColor", "borderRadius", "gap", "padding", "style", "children"]);
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)(StyledButton, Object.assign({}, (disabled ? { 'aria-disabled': true } : {}), { style: style, role: "button", ref: ref, "$bgColor": bgColor, "$textColor": textColor, "$borderRadius": borderRadius, "$gap": gap, "$padding": padding, "$disabled": disabled }, props, { children: children })));
|
|
36
36
|
});
|
|
37
37
|
exports.Button = Button;
|
|
38
38
|
Button.displayName = 'Button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/common/Button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAqE;AACrE,kFAAuC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/common/Button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAqE;AACrE,kFAAuC;AAwBvC,MAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,CAOhC;;;;YAIU,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;gBACtD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;WACxD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAC1B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,wBAAwB;;;;;;;;;;aAUzC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW;;;;SAI5B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAClB,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;;mBAEJ,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACrC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;;CAEzC,CAAC;AAEF,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CAAC,EAAuF,EAAE,GAAG,EAAE,EAAE;QAAhG,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAArF,2FAAuF,CAAF;IAAY,OAAA,CAChG,uBAAC,YAAY,oBACP,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAC/C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,cACE,OAAO,gBACL,SAAS,mBACN,YAAY,UACrB,GAAG,cACC,OAAO,eACN,QAAQ,IACf,KAAK,cAER,QAAQ,IACI,CAChB,CAAA;CAAA,CACF,CAAC;AAIO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|