thirdweb 5.116.2-nightly-4bab6f1ae85cbc03da1bb15b5626ce8d10cace48-20251216000358 → 5.116.2-nightly-7ebc32a0c4e3fa71167255ee5a517143c3ea3a0a-20251217000343
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/cjs/react/web/ui/Bridge/bridge-widget/bridge-widget.js +10 -5
- package/dist/cjs/react/web/ui/Bridge/bridge-widget/bridge-widget.js.map +1 -1
- package/dist/cjs/stories/Bridge/BridgeWidget/bridge-widget-script.stories.js +15 -14
- package/dist/cjs/stories/Bridge/BridgeWidget/bridge-widget-script.stories.js.map +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/esm/react/web/ui/Bridge/bridge-widget/bridge-widget.js +10 -5
- package/dist/esm/react/web/ui/Bridge/bridge-widget/bridge-widget.js.map +1 -1
- package/dist/esm/stories/Bridge/BridgeWidget/bridge-widget-script.stories.js +15 -13
- package/dist/esm/stories/Bridge/BridgeWidget/bridge-widget-script.stories.js.map +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/scripts/bridge-widget.js +3 -3
- package/dist/types/react/web/ui/Bridge/bridge-widget/bridge-widget.d.ts +107 -0
- package/dist/types/react/web/ui/Bridge/bridge-widget/bridge-widget.d.ts.map +1 -1
- package/dist/types/stories/Bridge/BridgeWidget/bridge-widget-script.stories.d.ts +0 -1
- package/dist/types/stories/Bridge/BridgeWidget/bridge-widget-script.stories.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/package.json +1 -1
- package/src/react/web/ui/Bridge/bridge-widget/bridge-widget.tsx +129 -2
- package/src/react/web/ui/MediaRenderer/MediaRenderer.test.tsx +2 -2
- package/src/stories/Bridge/BridgeWidget/bridge-widget-script.stories.tsx +22 -23
- package/src/version.ts +1 -1
|
@@ -73,16 +73,17 @@ function BridgeWidget(props) {
|
|
|
73
73
|
event: "ub:ui:bridge_widget:render",
|
|
74
74
|
});
|
|
75
75
|
}, [props.client]);
|
|
76
|
-
return ((0, jsx_runtime_1.jsx)(CustomThemeProvider_js_1.CustomThemeProvider, { theme: props.theme, children: (0, jsx_runtime_1.jsxs)(ConnectEmbed_js_1.EmbedContainer, { modalSize: "compact", style: {
|
|
76
|
+
return ((0, jsx_runtime_1.jsx)(CustomThemeProvider_js_1.CustomThemeProvider, { theme: props.theme, children: (0, jsx_runtime_1.jsxs)(ConnectEmbed_js_1.EmbedContainer, { modalSize: "compact", className: props.className, style: {
|
|
77
77
|
borderRadius: index_js_1.radius.xl,
|
|
78
|
+
...props.style,
|
|
78
79
|
}, children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { px: "md", py: "md", flex: "row", gap: "xs", borderColor: "borderColor", style: {
|
|
79
80
|
borderBottomWidth: 1,
|
|
80
81
|
borderBottomStyle: "dashed",
|
|
81
|
-
}, children: [(0, jsx_runtime_1.jsx)(TabButton, { isActive: tab === "swap", onClick: () => setTab("swap"), children: "Swap" }), (0, jsx_runtime_1.jsx)(TabButton, { isActive: tab === "buy", onClick: () => setTab("buy"), children: "Buy" })] }), tab === "swap" && ((0, jsx_runtime_1.jsx)(SwapWidget_js_1.SwapWidget, { client: props.client, prefill: props.swap?.prefill, className: props.swap?.className, showThirdwebBranding: props.showThirdwebBranding, currency: props.currency, theme: props.theme, onSuccess: props.swap?.onSuccess, onError: props.swap?.onError, onCancel: props.swap?.onCancel, onDisconnect: props.swap?.onDisconnect, persistTokenSelections: props.swap?.persistTokenSelections, style: {
|
|
82
|
+
}, children: [(0, jsx_runtime_1.jsx)(TabButton, { isActive: tab === "swap", onClick: () => setTab("swap"), children: "Swap" }), (0, jsx_runtime_1.jsx)(TabButton, { isActive: tab === "buy", onClick: () => setTab("buy"), children: "Buy" })] }), tab === "swap" && ((0, jsx_runtime_1.jsx)(SwapWidget_js_1.SwapWidget, { client: props.client, prefill: props.swap?.prefill, className: props.swap?.className, showThirdwebBranding: props.showThirdwebBranding, currency: props.currency, theme: props.theme, onSuccess: props.swap?.onSuccess, onError: props.swap?.onError, onCancel: props.swap?.onCancel, onDisconnect: props.swap?.onDisconnect, persistTokenSelections: props.swap?.persistTokenSelections, connectOptions: props.connectOptions, style: {
|
|
82
83
|
border: "none",
|
|
83
84
|
...props.swap?.style,
|
|
84
85
|
} })), tab === "buy" && ((0, jsx_runtime_1.jsx)(BuyWidget_js_1.BuyWidget, { client: props.client, amount: props.buy?.amount, showThirdwebBranding: props.showThirdwebBranding, chain: props.buy?.chainId ? (0, utils_js_1.defineChain)(props.buy.chainId) : undefined, currency: props.currency, theme: props.theme, title: "" // Keep it empty string to hide the title
|
|
85
|
-
, tokenAddress: props.buy?.tokenAddress, buttonLabel: props.buy?.buttonLabel, className: props.buy?.className, country: props.buy?.country, onCancel: props.buy?.onCancel, onError: props.buy?.onError, onSuccess: props.buy?.onSuccess, presetOptions: props.buy?.presetOptions, purchaseData: props.buy?.purchaseData, paymentMethods: ["card"], style: {
|
|
86
|
+
, tokenAddress: props.buy?.tokenAddress, buttonLabel: props.buy?.buttonLabel, className: props.buy?.className, country: props.buy?.country, onCancel: props.buy?.onCancel, onError: props.buy?.onError, onSuccess: props.buy?.onSuccess, presetOptions: props.buy?.presetOptions, purchaseData: props.buy?.purchaseData, paymentMethods: ["card"], connectOptions: props.connectOptions, style: {
|
|
86
87
|
border: "none",
|
|
87
88
|
} }))] }) }));
|
|
88
89
|
}
|
|
@@ -92,8 +93,12 @@ function TabButton(props) {
|
|
|
92
93
|
borderRadius: index_js_1.radius.full,
|
|
93
94
|
fontSize: index_js_1.fontSize.sm,
|
|
94
95
|
fontWeight: 500,
|
|
95
|
-
paddingInline: index_js_1.spacing
|
|
96
|
-
paddingBlock:
|
|
96
|
+
paddingInline: index_js_1.spacing.md,
|
|
97
|
+
paddingBlock: 0,
|
|
98
|
+
height: "36px",
|
|
99
|
+
color: props.isActive
|
|
100
|
+
? theme.colors.primaryText
|
|
101
|
+
: theme.colors.secondaryText,
|
|
97
102
|
border: `1px solid ${props.isActive ? theme.colors.secondaryText : theme.colors.borderColor}`,
|
|
98
103
|
}, children: props.children }));
|
|
99
104
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bridge-widget.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/bridge-widget/bridge-widget.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"bridge-widget.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/bridge-widget/bridge-widget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.BasicUsage = BasicUsage;
|
|
4
|
-
exports.LightTheme = LightTheme;
|
|
5
4
|
exports.CurrencySet = CurrencySet;
|
|
6
5
|
exports.NoThirdwebBranding = NoThirdwebBranding;
|
|
7
6
|
exports.CustomTheme = CustomTheme;
|
|
@@ -15,9 +14,6 @@ exports.default = meta;
|
|
|
15
14
|
function BasicUsage() {
|
|
16
15
|
return ((0, jsx_runtime_1.jsx)(Variant, { clientId: utils_js_1.storyClient.clientId, buy: { chainId: 8453, amount: "0.1" } }));
|
|
17
16
|
}
|
|
18
|
-
function LightTheme() {
|
|
19
|
-
return ((0, jsx_runtime_1.jsx)(Variant, { clientId: utils_js_1.storyClient.clientId, theme: "light", buy: { chainId: 8453, amount: "0.1" } }));
|
|
20
|
-
}
|
|
21
17
|
function CurrencySet() {
|
|
22
18
|
return ((0, jsx_runtime_1.jsx)(Variant, { clientId: utils_js_1.storyClient.clientId, currency: "JPY", buy: { chainId: 8453, amount: "0.1" } }));
|
|
23
19
|
}
|
|
@@ -25,16 +21,21 @@ function NoThirdwebBranding() {
|
|
|
25
21
|
return ((0, jsx_runtime_1.jsx)(Variant, { clientId: utils_js_1.storyClient.clientId, theme: "light", buy: { chainId: 8453, amount: "0.1" }, showThirdwebBranding: false }));
|
|
26
22
|
}
|
|
27
23
|
function CustomTheme() {
|
|
28
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
25
|
+
display: "flex",
|
|
26
|
+
flexDirection: "column",
|
|
27
|
+
gap: "40px",
|
|
28
|
+
alignItems: "center",
|
|
29
|
+
}, children: (0, jsx_runtime_1.jsx)(bridge_widget_script_js_1.BridgeWidgetScript, { clientId: utils_js_1.storyClient.clientId, buy: { chainId: 8453, amount: "0.1" }, theme: {
|
|
30
|
+
type: "light",
|
|
31
|
+
colors: {
|
|
32
|
+
modalBg: "#FFFFF0",
|
|
33
|
+
tertiaryBg: "#DBE4C9",
|
|
34
|
+
borderColor: "#8AA624",
|
|
35
|
+
secondaryText: "#3E3F29",
|
|
36
|
+
accentText: "#E43636",
|
|
37
|
+
},
|
|
38
|
+
} }) }));
|
|
38
39
|
}
|
|
39
40
|
function Variant(props) {
|
|
40
41
|
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bridge-widget-script.stories.js","sourceRoot":"","sources":["../../../../../src/stories/Bridge/BridgeWidget/bridge-widget-script.stories.tsx"],"names":[],"mappings":";;AAYA,gCAOC;AAED,
|
|
1
|
+
{"version":3,"file":"bridge-widget-script.stories.js","sourceRoot":"","sources":["../../../../../src/stories/Bridge/BridgeWidget/bridge-widget-script.stories.tsx"],"names":[],"mappings":";;AAYA,gCAOC;AAED,kCAQC;AAED,gDASC;AAED,kCA0BC;;AAnED,6FAGyD;AACzD,6CAA6C;AAE7C,MAAM,IAAI,GAAoC;IAC5C,KAAK,EAAE,2BAA2B;CACnC,CAAC;AACF,kBAAe,IAAI,CAAC;AAEpB,SAAgB,UAAU;IACxB,OAAO,CACL,uBAAC,OAAO,IACN,QAAQ,EAAE,sBAAW,CAAC,QAAQ,EAC9B,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GACrC,CACH,CAAC;AACJ,CAAC;AAED,SAAgB,WAAW;IACzB,OAAO,CACL,uBAAC,OAAO,IACN,QAAQ,EAAE,sBAAW,CAAC,QAAQ,EAC9B,QAAQ,EAAC,KAAK,EACd,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GACrC,CACH,CAAC;AACJ,CAAC;AAED,SAAgB,kBAAkB;IAChC,OAAO,CACL,uBAAC,OAAO,IACN,QAAQ,EAAE,sBAAW,CAAC,QAAQ,EAC9B,KAAK,EAAC,OAAO,EACb,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EACrC,oBAAoB,EAAE,KAAK,GAC3B,CACH,CAAC;AACJ,CAAC;AAED,SAAgB,WAAW;IACzB,OAAO,CACL,gCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,MAAM;YACX,UAAU,EAAE,QAAQ;SACrB,YAED,uBAAC,4CAAkB,IACjB,QAAQ,EAAE,sBAAW,CAAC,QAAQ,EAC9B,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EACrC,KAAK,EAAE;gBACL,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE;oBACN,OAAO,EAAE,SAAS;oBAClB,UAAU,EAAE,SAAS;oBACrB,WAAW,EAAE,SAAS;oBACtB,aAAa,EAAE,SAAS;oBACxB,UAAU,EAAE,SAAS;iBACtB;aACF,GACD,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,KAA8B;IAC7C,OAAO,CACL,iCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,MAAM;YACX,UAAU,EAAE,QAAQ;SACrB,aAED,uBAAC,4CAAkB,OAAK,KAAK,EAAE,KAAK,EAAC,MAAM,GAAG,EAC9C,uBAAC,4CAAkB,OAAK,KAAK,EAAE,KAAK,EAAC,OAAO,GAAG,IAC3C,CACP,CAAC;AACJ,CAAC"}
|
package/dist/cjs/version.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.version = void 0;
|
|
4
|
-
exports.version = "5.116.2-nightly-
|
|
4
|
+
exports.version = "5.116.2-nightly-7ebc32a0c4e3fa71167255ee5a517143c3ea3a0a-20251217000343";
|
|
5
5
|
//# sourceMappingURL=version.js.map
|
|
@@ -70,16 +70,17 @@ export function BridgeWidget(props) {
|
|
|
70
70
|
event: "ub:ui:bridge_widget:render",
|
|
71
71
|
});
|
|
72
72
|
}, [props.client]);
|
|
73
|
-
return (_jsx(CustomThemeProvider, { theme: props.theme, children: _jsxs(EmbedContainer, { modalSize: "compact", style: {
|
|
73
|
+
return (_jsx(CustomThemeProvider, { theme: props.theme, children: _jsxs(EmbedContainer, { modalSize: "compact", className: props.className, style: {
|
|
74
74
|
borderRadius: radius.xl,
|
|
75
|
+
...props.style,
|
|
75
76
|
}, children: [_jsxs(Container, { px: "md", py: "md", flex: "row", gap: "xs", borderColor: "borderColor", style: {
|
|
76
77
|
borderBottomWidth: 1,
|
|
77
78
|
borderBottomStyle: "dashed",
|
|
78
|
-
}, children: [_jsx(TabButton, { isActive: tab === "swap", onClick: () => setTab("swap"), children: "Swap" }), _jsx(TabButton, { isActive: tab === "buy", onClick: () => setTab("buy"), children: "Buy" })] }), tab === "swap" && (_jsx(SwapWidget, { client: props.client, prefill: props.swap?.prefill, className: props.swap?.className, showThirdwebBranding: props.showThirdwebBranding, currency: props.currency, theme: props.theme, onSuccess: props.swap?.onSuccess, onError: props.swap?.onError, onCancel: props.swap?.onCancel, onDisconnect: props.swap?.onDisconnect, persistTokenSelections: props.swap?.persistTokenSelections, style: {
|
|
79
|
+
}, children: [_jsx(TabButton, { isActive: tab === "swap", onClick: () => setTab("swap"), children: "Swap" }), _jsx(TabButton, { isActive: tab === "buy", onClick: () => setTab("buy"), children: "Buy" })] }), tab === "swap" && (_jsx(SwapWidget, { client: props.client, prefill: props.swap?.prefill, className: props.swap?.className, showThirdwebBranding: props.showThirdwebBranding, currency: props.currency, theme: props.theme, onSuccess: props.swap?.onSuccess, onError: props.swap?.onError, onCancel: props.swap?.onCancel, onDisconnect: props.swap?.onDisconnect, persistTokenSelections: props.swap?.persistTokenSelections, connectOptions: props.connectOptions, style: {
|
|
79
80
|
border: "none",
|
|
80
81
|
...props.swap?.style,
|
|
81
82
|
} })), tab === "buy" && (_jsx(BuyWidget, { client: props.client, amount: props.buy?.amount, showThirdwebBranding: props.showThirdwebBranding, chain: props.buy?.chainId ? defineChain(props.buy.chainId) : undefined, currency: props.currency, theme: props.theme, title: "" // Keep it empty string to hide the title
|
|
82
|
-
, tokenAddress: props.buy?.tokenAddress, buttonLabel: props.buy?.buttonLabel, className: props.buy?.className, country: props.buy?.country, onCancel: props.buy?.onCancel, onError: props.buy?.onError, onSuccess: props.buy?.onSuccess, presetOptions: props.buy?.presetOptions, purchaseData: props.buy?.purchaseData, paymentMethods: ["card"], style: {
|
|
83
|
+
, tokenAddress: props.buy?.tokenAddress, buttonLabel: props.buy?.buttonLabel, className: props.buy?.className, country: props.buy?.country, onCancel: props.buy?.onCancel, onError: props.buy?.onError, onSuccess: props.buy?.onSuccess, presetOptions: props.buy?.presetOptions, purchaseData: props.buy?.purchaseData, paymentMethods: ["card"], connectOptions: props.connectOptions, style: {
|
|
83
84
|
border: "none",
|
|
84
85
|
} }))] }) }));
|
|
85
86
|
}
|
|
@@ -89,8 +90,12 @@ function TabButton(props) {
|
|
|
89
90
|
borderRadius: radius.full,
|
|
90
91
|
fontSize: fontSize.sm,
|
|
91
92
|
fontWeight: 500,
|
|
92
|
-
paddingInline: spacing
|
|
93
|
-
paddingBlock:
|
|
93
|
+
paddingInline: spacing.md,
|
|
94
|
+
paddingBlock: 0,
|
|
95
|
+
height: "36px",
|
|
96
|
+
color: props.isActive
|
|
97
|
+
? theme.colors.primaryText
|
|
98
|
+
: theme.colors.secondaryText,
|
|
94
99
|
border: `1px solid ${props.isActive ? theme.colors.secondaryText : theme.colors.borderColor}`,
|
|
95
100
|
}, children: props.children }));
|
|
96
101
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bridge-widget.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/bridge-widget/bridge-widget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;
|
|
1
|
+
{"version":3,"file":"bridge-widget.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/bridge-widget/bridge-widget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,9 +8,6 @@ export default meta;
|
|
|
8
8
|
export function BasicUsage() {
|
|
9
9
|
return (_jsx(Variant, { clientId: storyClient.clientId, buy: { chainId: 8453, amount: "0.1" } }));
|
|
10
10
|
}
|
|
11
|
-
export function LightTheme() {
|
|
12
|
-
return (_jsx(Variant, { clientId: storyClient.clientId, theme: "light", buy: { chainId: 8453, amount: "0.1" } }));
|
|
13
|
-
}
|
|
14
11
|
export function CurrencySet() {
|
|
15
12
|
return (_jsx(Variant, { clientId: storyClient.clientId, currency: "JPY", buy: { chainId: 8453, amount: "0.1" } }));
|
|
16
13
|
}
|
|
@@ -18,16 +15,21 @@ export function NoThirdwebBranding() {
|
|
|
18
15
|
return (_jsx(Variant, { clientId: storyClient.clientId, theme: "light", buy: { chainId: 8453, amount: "0.1" }, showThirdwebBranding: false }));
|
|
19
16
|
}
|
|
20
17
|
export function CustomTheme() {
|
|
21
|
-
return (_jsx(
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
18
|
+
return (_jsx("div", { style: {
|
|
19
|
+
display: "flex",
|
|
20
|
+
flexDirection: "column",
|
|
21
|
+
gap: "40px",
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
}, children: _jsx(BridgeWidgetScript, { clientId: storyClient.clientId, buy: { chainId: 8453, amount: "0.1" }, theme: {
|
|
24
|
+
type: "light",
|
|
25
|
+
colors: {
|
|
26
|
+
modalBg: "#FFFFF0",
|
|
27
|
+
tertiaryBg: "#DBE4C9",
|
|
28
|
+
borderColor: "#8AA624",
|
|
29
|
+
secondaryText: "#3E3F29",
|
|
30
|
+
accentText: "#E43636",
|
|
31
|
+
},
|
|
32
|
+
} }) }));
|
|
31
33
|
}
|
|
32
34
|
function Variant(props) {
|
|
33
35
|
return (_jsxs("div", { style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bridge-widget-script.stories.js","sourceRoot":"","sources":["../../../../../src/stories/Bridge/BridgeWidget/bridge-widget-script.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,kBAAkB,GAEnB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,IAAI,GAAoC;IAC5C,KAAK,EAAE,2BAA2B;CACnC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,KAAC,OAAO,IACN,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GACrC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"bridge-widget-script.stories.js","sourceRoot":"","sources":["../../../../../src/stories/Bridge/BridgeWidget/bridge-widget-script.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,kBAAkB,GAEnB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,IAAI,GAAoC;IAC5C,KAAK,EAAE,2BAA2B;CACnC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,KAAC,OAAO,IACN,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GACrC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,OAAO,CACL,KAAC,OAAO,IACN,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,QAAQ,EAAC,KAAK,EACd,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GACrC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,OAAO,CACL,KAAC,OAAO,IACN,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,KAAK,EAAC,OAAO,EACb,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EACrC,oBAAoB,EAAE,KAAK,GAC3B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,OAAO,CACL,cACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,MAAM;YACX,UAAU,EAAE,QAAQ;SACrB,YAED,KAAC,kBAAkB,IACjB,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EACrC,KAAK,EAAE;gBACL,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE;oBACN,OAAO,EAAE,SAAS;oBAClB,UAAU,EAAE,SAAS;oBACrB,WAAW,EAAE,SAAS;oBACtB,aAAa,EAAE,SAAS;oBACxB,UAAU,EAAE,SAAS;iBACtB;aACF,GACD,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,KAA8B;IAC7C,OAAO,CACL,eACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,MAAM;YACX,UAAU,EAAE,QAAQ;SACrB,aAED,KAAC,kBAAkB,OAAK,KAAK,EAAE,KAAK,EAAC,MAAM,GAAG,EAC9C,KAAC,kBAAkB,OAAK,KAAK,EAAE,KAAK,EAAC,OAAO,GAAG,IAC3C,CACP,CAAC;AACJ,CAAC"}
|
package/dist/esm/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const version = "5.116.2-nightly-
|
|
1
|
+
export const version = "5.116.2-nightly-7ebc32a0c4e3fa71167255ee5a517143c3ea3a0a-20251217000343";
|
|
2
2
|
//# sourceMappingURL=version.js.map
|