@orderly.network/affiliate 2.10.1 → 2.10.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/index.js +386 -281
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +386 -281
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +11 -11
package/dist/index.js
CHANGED
|
@@ -349,40 +349,49 @@ var Faq = () => {
|
|
|
349
349
|
expanded: expandedItems.has(item.id)
|
|
350
350
|
}));
|
|
351
351
|
}, [faqItemsData, expandedItems]);
|
|
352
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { children: [
|
|
352
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "oui-affiliate-faq", children: [
|
|
353
353
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-text-[32px]", children: t("affiliate.faq.title") }),
|
|
354
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
354
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
355
|
+
ui.Flex,
|
|
356
|
+
{
|
|
357
|
+
direction: "column",
|
|
358
|
+
itemAlign: "stretch",
|
|
359
|
+
gap: 0,
|
|
360
|
+
className: "oui-faq-list",
|
|
361
|
+
children: faqItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
|
|
362
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
363
|
+
ui.Collapsible,
|
|
362
364
|
{
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
365
|
+
open: item.expanded,
|
|
366
|
+
onOpenChange: () => toggleItem(item.id),
|
|
367
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
368
|
+
ui.Flex,
|
|
369
|
+
{
|
|
370
|
+
direction: "column",
|
|
371
|
+
className: "oui-cursor-pointer oui-py-4",
|
|
372
|
+
itemAlign: "stretch",
|
|
373
|
+
onClick: () => toggleItem(item.id),
|
|
374
|
+
children: [
|
|
375
|
+
/* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { justify: "between", itemAlign: "center", gap: 4, children: [
|
|
376
|
+
/* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { gap: 2, itemAlign: "center", className: "oui-flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "2xl", weight: "semibold", children: `${index + 1}. ${item.question}` }) }),
|
|
377
|
+
/* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, { expanded: item.expanded })
|
|
378
|
+
] }),
|
|
379
|
+
/* @__PURE__ */ jsxRuntime.jsx(ui.CollapsibleContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
380
|
+
ui.Box,
|
|
381
|
+
{
|
|
382
|
+
className: "oui-pt-3 oui-text-base-contrast-54",
|
|
383
|
+
dangerouslySetInnerHTML: { __html: item.answer }
|
|
384
|
+
}
|
|
385
|
+
) })
|
|
386
|
+
]
|
|
387
|
+
}
|
|
388
|
+
)
|
|
380
389
|
}
|
|
381
|
-
)
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
390
|
+
),
|
|
391
|
+
index < faqItems.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-my-4 oui-h-px oui-bg-line-6" })
|
|
392
|
+
] }, item.id))
|
|
393
|
+
}
|
|
394
|
+
)
|
|
386
395
|
] });
|
|
387
396
|
};
|
|
388
397
|
var ChevronIcon = ({ expanded }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -634,10 +643,20 @@ var ReferralCodeForm = (props) => {
|
|
|
634
643
|
};
|
|
635
644
|
}
|
|
636
645
|
}, [t, type, isEditingRefereeRebateRate, isReview, props.accountId]);
|
|
637
|
-
const titleView = /* @__PURE__ */ jsxRuntime.jsxs(
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
646
|
+
const titleView = /* @__PURE__ */ jsxRuntime.jsxs(
|
|
647
|
+
ui.Flex,
|
|
648
|
+
{
|
|
649
|
+
width: "100%",
|
|
650
|
+
direction: "column",
|
|
651
|
+
itemAlign: "start",
|
|
652
|
+
gap: 3,
|
|
653
|
+
className: "oui-referralCodeForm-header",
|
|
654
|
+
children: [
|
|
655
|
+
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "base", intensity: 98, children: title }),
|
|
656
|
+
/* @__PURE__ */ jsxRuntime.jsx(ui.Divider, { intensity: 8, className: "oui-w-full" })
|
|
657
|
+
]
|
|
658
|
+
}
|
|
659
|
+
);
|
|
641
660
|
const descriptionView = /* @__PURE__ */ jsxRuntime.jsx(WarningBox, { children: description });
|
|
642
661
|
const referralCodeInput = /* @__PURE__ */ jsxRuntime.jsx(
|
|
643
662
|
ReferralCodeInput,
|
|
@@ -691,6 +710,7 @@ var ReferralCodeForm = (props) => {
|
|
|
691
710
|
fullWidth: true,
|
|
692
711
|
onClick: props.close,
|
|
693
712
|
size: "md",
|
|
713
|
+
className: "oui-referralCodeForm-cancel-btn",
|
|
694
714
|
children: t("common.cancel")
|
|
695
715
|
}
|
|
696
716
|
),
|
|
@@ -702,6 +722,7 @@ var ReferralCodeForm = (props) => {
|
|
|
702
722
|
disabled: props.buttonDisabled || props.isMutating,
|
|
703
723
|
loading: props.isMutating,
|
|
704
724
|
size: "md",
|
|
725
|
+
className: "oui-referralCodeForm-confirm-btn",
|
|
705
726
|
children: buttonText
|
|
706
727
|
}
|
|
707
728
|
)
|
|
@@ -741,7 +762,7 @@ var ReferralCodeForm = (props) => {
|
|
|
741
762
|
direction: "column",
|
|
742
763
|
itemAlign: "start",
|
|
743
764
|
gap: 6,
|
|
744
|
-
className: "oui-font-semibold",
|
|
765
|
+
className: "oui-affiliate-referralCodeForm oui-font-semibold",
|
|
745
766
|
children: [
|
|
746
767
|
titleView,
|
|
747
768
|
descriptionView,
|
|
@@ -958,59 +979,84 @@ var TradingVolumeProgress = (props) => {
|
|
|
958
979
|
name: "Perp"
|
|
959
980
|
});
|
|
960
981
|
};
|
|
961
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
982
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
983
|
+
ui.Flex,
|
|
984
|
+
{
|
|
985
|
+
width: "100%",
|
|
986
|
+
direction: "column",
|
|
987
|
+
gap: 4,
|
|
988
|
+
className: ui.cn("oui-tradingVolumeProgress", classNames?.root),
|
|
989
|
+
children: [
|
|
990
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
991
|
+
ui.Text,
|
|
992
|
+
{
|
|
993
|
+
size: "sm",
|
|
994
|
+
intensity: 54,
|
|
995
|
+
className: ui.cn(
|
|
996
|
+
"oui-tradingVolumeProgress-description",
|
|
997
|
+
"oui-text-center",
|
|
998
|
+
classNames?.description
|
|
999
|
+
),
|
|
1000
|
+
children: t("affiliate.newReferralProgram.tradeUnlock.description", {
|
|
1001
|
+
volume: formatRequiredVolume
|
|
1002
|
+
})
|
|
1003
|
+
}
|
|
1004
|
+
),
|
|
1005
|
+
/* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { width: "100%", direction: "column", gap: 2, children: [
|
|
1006
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1007
|
+
ui.Flex,
|
|
1008
|
+
{
|
|
1009
|
+
width: "100%",
|
|
1010
|
+
justify: "between",
|
|
1011
|
+
className: "oui-text-2xs oui-text-base-contrast",
|
|
1012
|
+
children: [
|
|
1013
|
+
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: t("common.current") }),
|
|
1014
|
+
/* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 1, children: [
|
|
1015
|
+
/* @__PURE__ */ jsxRuntime.jsx(ui.Text.numeral, { rule: "price", dp: 0, children: current_volume }),
|
|
1016
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1017
|
+
ui.Text.numeral,
|
|
1018
|
+
{
|
|
1019
|
+
intensity: 54,
|
|
1020
|
+
rule: "price",
|
|
1021
|
+
dp: 0,
|
|
1022
|
+
prefix: "/ ",
|
|
1023
|
+
suffix: " USDC",
|
|
1024
|
+
children: required_volume
|
|
1025
|
+
}
|
|
1026
|
+
)
|
|
1027
|
+
] })
|
|
1028
|
+
]
|
|
1029
|
+
}
|
|
1030
|
+
),
|
|
1031
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-h-[8px] oui-w-full oui-rounded-full oui-bg-base-contrast-4", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1032
|
+
"div",
|
|
1033
|
+
{
|
|
1034
|
+
style: {
|
|
1035
|
+
width: `${progressPercentage}%`
|
|
1036
|
+
},
|
|
1037
|
+
className: ui.cn(
|
|
1038
|
+
"oui-tradingVolumeProgress-bar oui-h-full oui-rounded-l-full oui-bg-primary-light",
|
|
1039
|
+
progressPercentage === 100 && "oui-rounded-r-full"
|
|
994
1040
|
)
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
}
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1041
|
+
}
|
|
1042
|
+
) })
|
|
1043
|
+
] }),
|
|
1044
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1045
|
+
ui.Button,
|
|
1046
|
+
{
|
|
1047
|
+
size: "md",
|
|
1048
|
+
onClick: gotoTrade,
|
|
1049
|
+
className: ui.cn(
|
|
1050
|
+
"oui-tradingVolumeProgress-cta-btn",
|
|
1051
|
+
props.buttonProps?.className
|
|
1052
|
+
),
|
|
1053
|
+
...props.buttonProps,
|
|
1054
|
+
children: t("affiliate.newReferralProgram.tradeUnlock")
|
|
1055
|
+
}
|
|
1056
|
+
)
|
|
1057
|
+
]
|
|
1058
|
+
}
|
|
1059
|
+
);
|
|
1014
1060
|
};
|
|
1015
1061
|
var Hero = () => {
|
|
1016
1062
|
const { t } = i18n.useTranslation();
|
|
@@ -1074,7 +1120,7 @@ var Hero = () => {
|
|
|
1074
1120
|
ui.Flex,
|
|
1075
1121
|
{
|
|
1076
1122
|
gap: 8,
|
|
1077
|
-
className: "oui-flex-col-reverse md:oui-flex-row",
|
|
1123
|
+
className: "oui-affiliate-hero oui-flex-col-reverse md:oui-flex-row",
|
|
1078
1124
|
id: "oui-affiliate-landing-hero",
|
|
1079
1125
|
itemAlign: "center",
|
|
1080
1126
|
children: [
|
|
@@ -1123,7 +1169,7 @@ var Hero = () => {
|
|
|
1123
1169
|
);
|
|
1124
1170
|
};
|
|
1125
1171
|
var StepCard = (props) => {
|
|
1126
|
-
const { step, icon, title, description } = props;
|
|
1172
|
+
const { step, icon, title, description, className } = props;
|
|
1127
1173
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1128
1174
|
ui.Flex,
|
|
1129
1175
|
{
|
|
@@ -1132,13 +1178,16 @@ var StepCard = (props) => {
|
|
|
1132
1178
|
r: "2xl",
|
|
1133
1179
|
p: 5,
|
|
1134
1180
|
itemAlign: "start",
|
|
1135
|
-
className: "oui-bg-base-9",
|
|
1181
|
+
className: ui.cn("oui-stepCard", "oui-bg-base-9", className),
|
|
1136
1182
|
children: [
|
|
1137
1183
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1138
1184
|
ui.Flex,
|
|
1139
1185
|
{
|
|
1140
1186
|
justify: "center",
|
|
1141
|
-
className:
|
|
1187
|
+
className: ui.cn(
|
|
1188
|
+
"oui-stepCard-icon",
|
|
1189
|
+
"oui-rounded-full oui-bg-base-7 lg:oui-justify-start"
|
|
1190
|
+
),
|
|
1142
1191
|
p: 3,
|
|
1143
1192
|
width: 48,
|
|
1144
1193
|
height: 48,
|
|
@@ -1146,8 +1195,8 @@ var StepCard = (props) => {
|
|
|
1146
1195
|
children: renderIcon(icon)
|
|
1147
1196
|
}
|
|
1148
1197
|
),
|
|
1149
|
-
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xl", weight: "semibold", children: `${step}. ${title}` }),
|
|
1150
|
-
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { intensity: 54, size: "sm", children: description })
|
|
1198
|
+
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xl", weight: "semibold", className: "oui-stepCard-title", children: `${step}. ${title}` }),
|
|
1199
|
+
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { intensity: 54, size: "sm", className: "oui-stepCard-description", children: description })
|
|
1151
1200
|
]
|
|
1152
1201
|
}
|
|
1153
1202
|
);
|
|
@@ -1172,14 +1221,8 @@ var WalletIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
|
|
|
1172
1221
|
viewBox: "0 0 24 24",
|
|
1173
1222
|
fill: "none",
|
|
1174
1223
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
{
|
|
1178
|
-
d: "M7.006 2.93a4 4 0 0 0-4 4v10a4 4 0 0 0 4 4h10c1.552 0 3-1.448 3-3l-.004-1.163a3.025 3.025 0 0 0 2.004-2.837v-4c0-1.268-.822-2.428-1.994-2.815l-.006-1.185c0-1.553-1.448-3-3-3zm0 2h10c.448 0 1 .552 1 1v1h-3a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h3v1c0 .447-.552 1-1 1h-10a2 2 0 0 1-2-2v-10a2 2 0 0 1 2-2m8 4h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1m2 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2",
|
|
1179
|
-
fill: "#fff",
|
|
1180
|
-
fillOpacity: ".54"
|
|
1181
|
-
}
|
|
1182
|
-
)
|
|
1224
|
+
className: "oui-fill-base-contrast-54",
|
|
1225
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.006 2.93a4 4 0 0 0-4 4v10a4 4 0 0 0 4 4h10c1.552 0 3-1.448 3-3l-.004-1.163a3.025 3.025 0 0 0 2.004-2.837v-4c0-1.268-.822-2.428-1.994-2.815l-.006-1.185c0-1.553-1.448-3-3-3zm0 2h10c.448 0 1 .552 1 1v1h-3a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h3v1c0 .447-.552 1-1 1h-10a2 2 0 0 1-2-2v-10a2 2 0 0 1 2-2m8 4h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1m2 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2" })
|
|
1183
1226
|
}
|
|
1184
1227
|
);
|
|
1185
1228
|
var SettingsIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1190,14 +1233,8 @@ var SettingsIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
|
|
|
1190
1233
|
viewBox: "0 0 24 24",
|
|
1191
1234
|
fill: "none",
|
|
1192
1235
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
{
|
|
1196
|
-
d: "M14.99 2.93c-1.267 0-2.45.832-2.818 2.002L3.99 4.93a1 1 0 0 0 0 2l8.18-.001c.449 1.225 1.552 2 2.82 2s2.382-.777 2.838-2.008l2.162.009a1 1 0 0 0 0-2h-2.17c-.482-1.22-1.562-2-2.83-2m0 2a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-6 4c-1.317 0-2.42.82-2.823 2.002-.14.009-2.176-.002-2.176-.002a1 1 0 0 0 0 2s2.052-.021 2.18-.008a2.95 2.95 0 0 0 2.82 2.008c1.268 0 2.354-.777 2.83-1.997l8.17-.003a1 1 0 0 0 0-2l-8.176-.01A3.01 3.01 0 0 0 8.99 8.93m0 2a1 1 0 1 1 0 2 1 1 0 0 1 0-2m6 4c-1.267 0-2.427.835-2.819 1.99l-8.18.01a1 1 0 0 0 0 2h8.165a3.02 3.02 0 0 0 2.835 2c1.268 0 2.36-.793 2.842-2h2.158a1 1 0 0 0 0-2l-2.167-.006a3.03 3.03 0 0 0-2.833-1.994m0 2a1 1 0 1 1 0 2 1 1 0 0 1 0-2",
|
|
1197
|
-
fill: "#fff",
|
|
1198
|
-
fillOpacity: ".54"
|
|
1199
|
-
}
|
|
1200
|
-
)
|
|
1236
|
+
className: "oui-fill-base-contrast-54",
|
|
1237
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.99 2.93c-1.267 0-2.45.832-2.818 2.002L3.99 4.93a1 1 0 0 0 0 2l8.18-.001c.449 1.225 1.552 2 2.82 2s2.382-.777 2.838-2.008l2.162.009a1 1 0 0 0 0-2h-2.17c-.482-1.22-1.562-2-2.83-2m0 2a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-6 4c-1.317 0-2.42.82-2.823 2.002-.14.009-2.176-.002-2.176-.002a1 1 0 0 0 0 2s2.052-.021 2.18-.008a2.95 2.95 0 0 0 2.82 2.008c1.268 0 2.354-.777 2.83-1.997l8.17-.003a1 1 0 0 0 0-2l-8.176-.01A3.01 3.01 0 0 0 8.99 8.93m0 2a1 1 0 1 1 0 2 1 1 0 0 1 0-2m6 4c-1.267 0-2.427.835-2.819 1.99l-8.18.01a1 1 0 0 0 0 2h8.165a3.02 3.02 0 0 0 2.835 2c1.268 0 2.36-.793 2.842-2h2.158a1 1 0 0 0 0-2l-2.167-.006a3.03 3.03 0 0 0-2.833-1.994m0 2a1 1 0 1 1 0 2 1 1 0 0 1 0-2" })
|
|
1201
1238
|
}
|
|
1202
1239
|
);
|
|
1203
1240
|
var RocketIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1208,14 +1245,8 @@ var RocketIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
|
|
|
1208
1245
|
viewBox: "0 0 24 24",
|
|
1209
1246
|
fill: "none",
|
|
1210
1247
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
{
|
|
1214
|
-
d: "M18.527 13.88c-.423.424-.884.808-1.345 1.154a.63.63 0 0 0-.269.423 9.2 9.2 0 0 1-2.459 4.346 10 10 0 0 1-1.883 1.462c-.576.346-1.268-.231-1.037-.885.384-1 .538-2.076.538-3.192-.077 0-.192.039-.27.039a39 39 0 0 1-2.612-2.423 51 51 0 0 1-2.42-2.615c0-.077.038-.193.038-.27-1.115 0-2.19.193-3.19.539-.614.23-1.23-.462-.883-1.039a10 10 0 0 1 1.46-1.884 9.2 9.2 0 0 1 4.342-2.461c.153-.039.307-.154.422-.27.346-.5.73-.923 1.153-1.346 2.997-3 7.185-4.038 11.066-3.153a.76.76 0 0 1 .538.538c.845 3.846-.192 8.038-3.189 11.038m-1.69-6.73a2.41 2.41 0 0 0-3.382 0 2.416 2.416 0 0 0 0 3.385 2.41 2.41 0 0 0 3.381 0c.96-.962.96-2.462 0-3.385M8.266 18.92c-.73.73-5.225 3.807-6.109 2.923-.884-.885 2.19-5.385 2.92-6.115s2.037-.616 2.92.269c.884.885 1 2.192.27 2.923",
|
|
1215
|
-
fill: "#fff",
|
|
1216
|
-
fillOpacity: ".54"
|
|
1217
|
-
}
|
|
1218
|
-
)
|
|
1248
|
+
className: "oui-fill-base-contrast-54",
|
|
1249
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.527 13.88c-.423.424-.884.808-1.345 1.154a.63.63 0 0 0-.269.423 9.2 9.2 0 0 1-2.459 4.346 10 10 0 0 1-1.883 1.462c-.576.346-1.268-.231-1.037-.885.384-1 .538-2.076.538-3.192-.077 0-.192.039-.27.039a39 39 0 0 1-2.612-2.423 51 51 0 0 1-2.42-2.615c0-.077.038-.193.038-.27-1.115 0-2.19.193-3.19.539-.614.23-1.23-.462-.883-1.039a10 10 0 0 1 1.46-1.884 9.2 9.2 0 0 1 4.342-2.461c.153-.039.307-.154.422-.27.346-.5.73-.923 1.153-1.346 2.997-3 7.185-4.038 11.066-3.153a.76.76 0 0 1 .538.538c.845 3.846-.192 8.038-3.189 11.038m-1.69-6.73a2.41 2.41 0 0 0-3.382 0 2.416 2.416 0 0 0 0 3.385 2.41 2.41 0 0 0 3.381 0c.96-.962.96-2.462 0-3.385M8.266 18.92c-.73.73-5.225 3.807-6.109 2.923-.884-.885 2.19-5.385 2.92-6.115s2.037-.616 2.92.269c.884.885 1 2.192.27 2.923" })
|
|
1219
1250
|
}
|
|
1220
1251
|
);
|
|
1221
1252
|
var HowItWorks = () => {
|
|
@@ -1242,22 +1273,36 @@ var HowItWorks = () => {
|
|
|
1242
1273
|
}
|
|
1243
1274
|
];
|
|
1244
1275
|
}, [t]);
|
|
1245
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1276
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1277
|
+
ui.Box,
|
|
1278
|
+
{
|
|
1279
|
+
id: "oui-affiliate-landing-how-it-works",
|
|
1280
|
+
className: "oui-affiliate-howItWorks",
|
|
1281
|
+
children: [
|
|
1282
|
+
/* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { direction: "column", itemAlign: "start", children: [
|
|
1283
|
+
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "semibold", className: "oui-text-[32px]", children: t("affiliate.howItWorks.title") }),
|
|
1284
|
+
/* @__PURE__ */ jsxRuntime.jsx(ui.Box, { py: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { intensity: 54, children: t("affiliate.howItWorks.description") }) })
|
|
1285
|
+
] }),
|
|
1286
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1287
|
+
ui.Grid,
|
|
1288
|
+
{
|
|
1289
|
+
className: "oui-howItWorks-steps oui-grid-cols-1 md:oui-grid-cols-3",
|
|
1290
|
+
gap: 6,
|
|
1291
|
+
children: steps.map((step) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1292
|
+
StepCard,
|
|
1293
|
+
{
|
|
1294
|
+
step: step.step,
|
|
1295
|
+
icon: step.icon,
|
|
1296
|
+
title: step.title,
|
|
1297
|
+
description: step.description
|
|
1298
|
+
},
|
|
1299
|
+
step.step
|
|
1300
|
+
))
|
|
1301
|
+
}
|
|
1302
|
+
)
|
|
1303
|
+
]
|
|
1304
|
+
}
|
|
1305
|
+
);
|
|
1261
1306
|
};
|
|
1262
1307
|
var LandingPage = () => {
|
|
1263
1308
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -1267,7 +1312,7 @@ var LandingPage = () => {
|
|
|
1267
1312
|
direction: "column",
|
|
1268
1313
|
gap: 10,
|
|
1269
1314
|
itemAlign: "stretch",
|
|
1270
|
-
className: "oui-mx-auto oui-w-full oui-p-5 md:oui-w-[1040px] md:oui-py-12",
|
|
1315
|
+
className: "oui-affiliate-landing-page oui-mx-auto oui-w-full oui-p-5 md:oui-w-[1040px] md:oui-py-12",
|
|
1271
1316
|
children: [
|
|
1272
1317
|
/* @__PURE__ */ jsxRuntime.jsx(Hero, {}),
|
|
1273
1318
|
/* @__PURE__ */ jsxRuntime.jsx(HowItWorks, {}),
|
|
@@ -1281,27 +1326,34 @@ var CommissionChart = (props) => {
|
|
|
1281
1326
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1282
1327
|
ui.Flex,
|
|
1283
1328
|
{
|
|
1284
|
-
id: "oui-affiliate-affiliate-titleStatistic",
|
|
1285
1329
|
r: "2xl",
|
|
1286
1330
|
p: 6,
|
|
1287
1331
|
width: "100%",
|
|
1288
1332
|
gap: 4,
|
|
1289
1333
|
direction: "column",
|
|
1290
|
-
className: "oui-border oui-border-line-6 oui-bg-base-9",
|
|
1334
|
+
className: "oui-affiliate-commissionChart oui-border oui-border-line-6 oui-bg-base-9",
|
|
1291
1335
|
children: [
|
|
1292
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1336
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1337
|
+
ui.Flex,
|
|
1338
|
+
{
|
|
1339
|
+
justify: "between",
|
|
1340
|
+
width: "100%",
|
|
1341
|
+
className: "oui-commissionChart-header",
|
|
1342
|
+
children: [
|
|
1343
|
+
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "lg", children: `${t("affiliate.commission")} (USDC)` }),
|
|
1344
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-commissionChart-period-select", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1345
|
+
ui.Select.options,
|
|
1346
|
+
{
|
|
1347
|
+
size: "xs",
|
|
1348
|
+
value: props.period,
|
|
1349
|
+
onValueChange: props.onPeriodChange,
|
|
1350
|
+
options: props.periodTypes
|
|
1351
|
+
}
|
|
1352
|
+
) })
|
|
1353
|
+
]
|
|
1354
|
+
}
|
|
1355
|
+
),
|
|
1356
|
+
/* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { className: "oui-commissionChart-body oui-flex oui-h-[170px] oui-w-full oui-flex-row oui-items-stretch 2xl:oui-h-[196px]", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1305
1357
|
chart.VolBarChart,
|
|
1306
1358
|
{
|
|
1307
1359
|
data: props.dataSource,
|
|
@@ -1404,7 +1456,10 @@ var MultiLevelReferral = (props) => {
|
|
|
1404
1456
|
p: 5,
|
|
1405
1457
|
direction: "column",
|
|
1406
1458
|
intensity: 900,
|
|
1407
|
-
className:
|
|
1459
|
+
className: ui.cn(
|
|
1460
|
+
"oui-affiliate-multiLevelReferral",
|
|
1461
|
+
"oui-border oui-border-line-6"
|
|
1462
|
+
),
|
|
1408
1463
|
children: [
|
|
1409
1464
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "lg", className: "oui-w-full oui-text-start", children: t("affiliate.referral") }),
|
|
1410
1465
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -1506,21 +1561,30 @@ var ReferralInfo = (props) => {
|
|
|
1506
1561
|
p: 5,
|
|
1507
1562
|
direction: "column",
|
|
1508
1563
|
intensity: 900,
|
|
1509
|
-
className: "oui-border oui-border-line-6",
|
|
1564
|
+
className: "oui-affiliate-referralInfo oui-border oui-border-line-6",
|
|
1510
1565
|
children: [
|
|
1511
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
children: t("affiliate.
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1566
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1567
|
+
ui.Flex,
|
|
1568
|
+
{
|
|
1569
|
+
direction: "row",
|
|
1570
|
+
justify: "between",
|
|
1571
|
+
width: "100%",
|
|
1572
|
+
className: "oui-referralInfo-header",
|
|
1573
|
+
children: [
|
|
1574
|
+
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "lg", children: t("affiliate.referral") }),
|
|
1575
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1576
|
+
ui.Button,
|
|
1577
|
+
{
|
|
1578
|
+
size: "xs",
|
|
1579
|
+
color: "secondary",
|
|
1580
|
+
onClick: () => props.onEdit("referralCode" /* ReferralCode */),
|
|
1581
|
+
children: t("affiliate.configure")
|
|
1582
|
+
}
|
|
1583
|
+
)
|
|
1584
|
+
]
|
|
1585
|
+
}
|
|
1586
|
+
),
|
|
1587
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Container, { className: "oui-referralInfo-code oui-flex-col oui-items-start oui-gap-4 oui-p-5", children: [
|
|
1524
1588
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1525
1589
|
ui.Flex,
|
|
1526
1590
|
{
|
|
@@ -1538,7 +1602,7 @@ var ReferralInfo = (props) => {
|
|
|
1538
1602
|
/* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: props.referralCode })
|
|
1539
1603
|
] })
|
|
1540
1604
|
] }),
|
|
1541
|
-
/* @__PURE__ */ jsxRuntime.jsxs(Container, { className: "oui-p-5", children: [
|
|
1605
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Container, { className: "oui-referralInfo-link oui-p-5", children: [
|
|
1542
1606
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "lg", color: "primaryLight", children: props.referralLink }),
|
|
1543
1607
|
/* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: props.referralLink })
|
|
1544
1608
|
] }),
|
|
@@ -1551,7 +1615,16 @@ var ReferralInfo = (props) => {
|
|
|
1551
1615
|
children: [
|
|
1552
1616
|
/* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { direction: "row", justify: "between", width: "100%", children: [
|
|
1553
1617
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "sm", children: t("affiliate.revenueSplitStrategy") }),
|
|
1554
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1618
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1619
|
+
ui.Button,
|
|
1620
|
+
{
|
|
1621
|
+
size: "xs",
|
|
1622
|
+
color: "secondary",
|
|
1623
|
+
className: "oui-affiliate-referralInfo-editSplit-btn",
|
|
1624
|
+
onClick: () => props.onEdit(),
|
|
1625
|
+
children: t("common.edit")
|
|
1626
|
+
}
|
|
1627
|
+
)
|
|
1555
1628
|
] }),
|
|
1556
1629
|
/* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { justify: "between", width: "100%", mt: 4, children: [
|
|
1557
1630
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "sm", intensity: 54, children: t("affiliate.youKeep") }),
|
|
@@ -2019,18 +2092,26 @@ var CommissionTableUI = (props) => {
|
|
|
2019
2092
|
}
|
|
2020
2093
|
];
|
|
2021
2094
|
}, [t]);
|
|
2022
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-w-full oui-flex-col", children: [
|
|
2023
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2024
|
-
ui.
|
|
2095
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-affiliate-commissionTable oui-flex oui-w-full oui-flex-col", children: [
|
|
2096
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2097
|
+
ui.Flex,
|
|
2025
2098
|
{
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
|
|
2099
|
+
width: "100%",
|
|
2100
|
+
height: 49,
|
|
2101
|
+
className: "oui-commissionTable-header oui-border-b oui-border-line-6",
|
|
2102
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-px-3", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2103
|
+
ui.DatePicker.range,
|
|
2104
|
+
{
|
|
2105
|
+
size: "xs",
|
|
2106
|
+
value: props.dateRange,
|
|
2107
|
+
onChange: props.setDateRange,
|
|
2108
|
+
max: 90,
|
|
2109
|
+
disabled: { after: /* @__PURE__ */ new Date() }
|
|
2110
|
+
}
|
|
2111
|
+
) })
|
|
2031
2112
|
}
|
|
2032
|
-
)
|
|
2033
|
-
isMobile ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-flex-col oui-px-4", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2113
|
+
),
|
|
2114
|
+
isMobile ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-affiliate-commissionTable-list oui-flex oui-flex-col oui-px-4", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2034
2115
|
ui.ListView,
|
|
2035
2116
|
{
|
|
2036
2117
|
dataSource: props.commissionData,
|
|
@@ -2040,19 +2121,25 @@ var CommissionTableUI = (props) => {
|
|
|
2040
2121
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Divider, { intensity: 8 })
|
|
2041
2122
|
] }, index)
|
|
2042
2123
|
}
|
|
2043
|
-
) }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
2044
|
-
|
|
2124
|
+
) }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
2125
|
+
"div",
|
|
2045
2126
|
{
|
|
2046
|
-
|
|
2047
|
-
|
|
2048
|
-
|
|
2049
|
-
|
|
2050
|
-
|
|
2051
|
-
|
|
2052
|
-
|
|
2053
|
-
|
|
2127
|
+
className: `oui-affiliate-commissionTable-container oui-px-3 ${showPagination ? "" : "oui-pb-3"}`,
|
|
2128
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2129
|
+
uiConnector.AuthGuardDataTable,
|
|
2130
|
+
{
|
|
2131
|
+
bordered: true,
|
|
2132
|
+
columns,
|
|
2133
|
+
dataSource: props.commissionData,
|
|
2134
|
+
loading: props.isLoading,
|
|
2135
|
+
pagination: showPagination ? props.pagination : void 0,
|
|
2136
|
+
onSort: props.onSort,
|
|
2137
|
+
onRow: () => ({ className: "oui-commissionTable-row oui-h-12" }),
|
|
2138
|
+
className: "oui-commissionTable-table [&_.oui-h-10.oui-w-full]:!oui-mx-0 [&_.oui-table-pagination]:!oui-justify-end [&_th]:!oui-tracking-[0.03em] [&_th]:!oui-px-3 [&_td]:!oui-px-3"
|
|
2139
|
+
}
|
|
2140
|
+
)
|
|
2054
2141
|
}
|
|
2055
|
-
)
|
|
2142
|
+
)
|
|
2056
2143
|
] });
|
|
2057
2144
|
};
|
|
2058
2145
|
var CommissionTableWidget = (props) => {
|
|
@@ -2263,7 +2350,7 @@ var MobileRefereeItem = ({ item, onEditReferee }) => {
|
|
|
2263
2350
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2264
2351
|
ui.Text,
|
|
2265
2352
|
{
|
|
2266
|
-
className: "oui-cursor-pointer oui-text-primary-light",
|
|
2353
|
+
className: "oui-refereesTable-edit-btn oui-cursor-pointer oui-text-primary-light",
|
|
2267
2354
|
onClick: () => onEditReferee("edit" /* Edit */, item),
|
|
2268
2355
|
children: t("common.edit")
|
|
2269
2356
|
}
|
|
@@ -2271,7 +2358,7 @@ var MobileRefereeItem = ({ item, onEditReferee }) => {
|
|
|
2271
2358
|
!item.is_default_rate && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2272
2359
|
ui.Text,
|
|
2273
2360
|
{
|
|
2274
|
-
className: "oui-cursor-pointer oui-text-primary-light",
|
|
2361
|
+
className: "oui-refereesTable-reset-btn oui-cursor-pointer oui-text-primary-light",
|
|
2275
2362
|
onClick: () => onEditReferee("reset" /* Reset */, item),
|
|
2276
2363
|
children: t("common.reset")
|
|
2277
2364
|
}
|
|
@@ -2384,7 +2471,7 @@ var RefereesTableUI = (props) => {
|
|
|
2384
2471
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2385
2472
|
ui.Text,
|
|
2386
2473
|
{
|
|
2387
|
-
className: "oui-cursor-pointer oui-text-primary-light",
|
|
2474
|
+
className: "oui-refereesTable-edit-btn oui-cursor-pointer oui-text-primary-light",
|
|
2388
2475
|
onClick: () => props.onEditReferee("edit" /* Edit */, record),
|
|
2389
2476
|
children: t("common.edit")
|
|
2390
2477
|
}
|
|
@@ -2392,7 +2479,7 @@ var RefereesTableUI = (props) => {
|
|
|
2392
2479
|
!record.is_default_rate && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2393
2480
|
ui.Text,
|
|
2394
2481
|
{
|
|
2395
|
-
className: "oui-ml-2 oui-cursor-pointer oui-text-primary-light",
|
|
2482
|
+
className: "oui-refereesTable-reset-btn oui-ml-2 oui-cursor-pointer oui-text-primary-light",
|
|
2396
2483
|
onClick: () => props.onEditReferee("reset" /* Reset */, record),
|
|
2397
2484
|
children: t("common.reset")
|
|
2398
2485
|
}
|
|
@@ -2401,7 +2488,7 @@ var RefereesTableUI = (props) => {
|
|
|
2401
2488
|
}
|
|
2402
2489
|
];
|
|
2403
2490
|
}, [t, props.onEditReferee]);
|
|
2404
|
-
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: isMobile ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-flex-col oui-px-4", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2491
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: isMobile ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-affiliate-refereesTable oui-flex oui-flex-col oui-px-4", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2405
2492
|
ui.ListView,
|
|
2406
2493
|
{
|
|
2407
2494
|
dataSource: props.refereesData,
|
|
@@ -2417,19 +2504,25 @@ var RefereesTableUI = (props) => {
|
|
|
2417
2504
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Divider, { intensity: 8 })
|
|
2418
2505
|
] }, index)
|
|
2419
2506
|
}
|
|
2420
|
-
) }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
2421
|
-
|
|
2507
|
+
) }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
2508
|
+
"div",
|
|
2422
2509
|
{
|
|
2423
|
-
|
|
2424
|
-
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2510
|
+
className: `oui-affiliate-refereesTable oui-px-3 ${showPagination ? "" : "oui-pb-3"}`,
|
|
2511
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2512
|
+
uiConnector.AuthGuardDataTable,
|
|
2513
|
+
{
|
|
2514
|
+
bordered: true,
|
|
2515
|
+
columns: refereeColumns,
|
|
2516
|
+
dataSource: props.refereesData,
|
|
2517
|
+
loading: props.isRefereesLoading,
|
|
2518
|
+
pagination: showPagination ? props.refereesPagination : void 0,
|
|
2519
|
+
onSort: props.onRefereesSort,
|
|
2520
|
+
onRow: () => ({ className: "oui-refereesTable-row oui-h-12" }),
|
|
2521
|
+
className: "oui-refereesTable-table [&_.oui-h-10.oui-w-full]:!oui-mx-0 [&_.oui-table-pagination]:!oui-justify-end [&_th]:!oui-tracking-[0.03em] [&_th]:!oui-px-3 [&_td]:!oui-px-3"
|
|
2522
|
+
}
|
|
2523
|
+
)
|
|
2431
2524
|
}
|
|
2432
|
-
) })
|
|
2525
|
+
) });
|
|
2433
2526
|
};
|
|
2434
2527
|
var RefereesTableWidget = (props) => {
|
|
2435
2528
|
const state = useRefereesTableScript(props);
|
|
@@ -2655,7 +2748,7 @@ var MobileReferralCodeItem = ({ item, copyCode }) => {
|
|
|
2655
2748
|
/* @__PURE__ */ jsxRuntime.jsx(MobileCell, { label: t("common.action"), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2656
2749
|
ui.Text,
|
|
2657
2750
|
{
|
|
2658
|
-
className: "oui-cursor-pointer oui-text-primary-light",
|
|
2751
|
+
className: "oui-referralCodesTable-copyCode-btn oui-cursor-pointer oui-text-primary-light",
|
|
2659
2752
|
onClick: (e) => {
|
|
2660
2753
|
e.stopPropagation();
|
|
2661
2754
|
copyCode(item.code);
|
|
@@ -2783,7 +2876,7 @@ var ReferralCodesTableUI = (props) => {
|
|
|
2783
2876
|
}
|
|
2784
2877
|
];
|
|
2785
2878
|
}, [t, props.copyCode]);
|
|
2786
|
-
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: isMobile ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-flex-col oui-px-4", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2879
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: isMobile ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-affiliate-referralCodesTable oui-flex oui-flex-col oui-px-4", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2787
2880
|
ui.ListView,
|
|
2788
2881
|
{
|
|
2789
2882
|
dataSource: props.sortedCodes,
|
|
@@ -2793,7 +2886,7 @@ var ReferralCodesTableUI = (props) => {
|
|
|
2793
2886
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Divider, { intensity: 8 })
|
|
2794
2887
|
] }, index)
|
|
2795
2888
|
}
|
|
2796
|
-
) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-px-3", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2889
|
+
) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-affiliate-referralCodesTable oui-px-3", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2797
2890
|
uiConnector.AuthGuardDataTable,
|
|
2798
2891
|
{
|
|
2799
2892
|
bordered: true,
|
|
@@ -2801,8 +2894,8 @@ var ReferralCodesTableUI = (props) => {
|
|
|
2801
2894
|
dataSource: props.sortedCodes,
|
|
2802
2895
|
loading: props.isLoading,
|
|
2803
2896
|
onSort: props.onSort,
|
|
2804
|
-
onRow: () => ({ className: "oui-h-12" }),
|
|
2805
|
-
className: "oui-pb-3 [&_.oui-h-10.oui-w-full]:!oui-mx-0 [&_.oui-table-pagination]:!oui-justify-end [&_th]:!oui-tracking-[0.03em] [&_th]:!oui-px-3 [&_td]:!oui-px-3"
|
|
2897
|
+
onRow: () => ({ className: "oui-referralCodesTable-row oui-h-12" }),
|
|
2898
|
+
className: "oui-referralCodesTable-table oui-pb-3 [&_.oui-h-10.oui-w-full]:!oui-mx-0 [&_.oui-table-pagination]:!oui-justify-end [&_th]:!oui-tracking-[0.03em] [&_th]:!oui-px-3 [&_td]:!oui-px-3"
|
|
2806
2899
|
}
|
|
2807
2900
|
) }) });
|
|
2808
2901
|
};
|
|
@@ -2816,7 +2909,7 @@ var ReferrerTableUI = (props) => {
|
|
|
2816
2909
|
ui.Flex,
|
|
2817
2910
|
{
|
|
2818
2911
|
direction: "column",
|
|
2819
|
-
className: "oui-rounded-2xl oui-bg-base-9 [&_td]:oui-font-medium [&_td]:oui-tracking-[0.03em] [&_th]:oui-font-semibold",
|
|
2912
|
+
className: "oui-affiliate-referrerTable oui-rounded-2xl oui-bg-base-9 [&_td]:oui-font-medium [&_td]:oui-tracking-[0.03em] [&_th]:oui-font-semibold",
|
|
2820
2913
|
px: 3,
|
|
2821
2914
|
pt: 4,
|
|
2822
2915
|
gap: 4,
|
|
@@ -2826,7 +2919,7 @@ var ReferrerTableUI = (props) => {
|
|
|
2826
2919
|
{
|
|
2827
2920
|
value: props.activeTab,
|
|
2828
2921
|
onValueChange: (value) => props.setActiveTab(value),
|
|
2829
|
-
className: "oui-w-full oui-text-base",
|
|
2922
|
+
className: "oui-referrerTable-tabs oui-w-full oui-text-base",
|
|
2830
2923
|
variant: "text",
|
|
2831
2924
|
classNames: {
|
|
2832
2925
|
tabsListContainer: "oui-px-3",
|
|
@@ -2862,7 +2955,7 @@ var Summary = (props) => {
|
|
|
2862
2955
|
gap: 6,
|
|
2863
2956
|
direction: "column",
|
|
2864
2957
|
intensity: 900,
|
|
2865
|
-
className: "oui-border oui-border-line-6",
|
|
2958
|
+
className: "oui-affiliate-summary oui-border oui-border-line-6",
|
|
2866
2959
|
children: [
|
|
2867
2960
|
/* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { direction: "row", justify: "between", width: "100%", children: [
|
|
2868
2961
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-text-lg", children: t("affiliate.summary") }),
|
|
@@ -3056,8 +3149,12 @@ var MultiLevelAffiliatePage = () => {
|
|
|
3056
3149
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3057
3150
|
ui.Flex,
|
|
3058
3151
|
{
|
|
3059
|
-
|
|
3060
|
-
|
|
3152
|
+
className: ui.cn(
|
|
3153
|
+
"oui-multiLevel-affiliate-page",
|
|
3154
|
+
"oui-h-lvw",
|
|
3155
|
+
"oui-font-semibold",
|
|
3156
|
+
"oui-pb-24 oui-pt-16"
|
|
3157
|
+
),
|
|
3061
3158
|
direction: "column",
|
|
3062
3159
|
gap: 4,
|
|
3063
3160
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-w-full oui-px-5 md:oui-mx-auto md:oui-max-w-[1040px]", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -3081,13 +3178,13 @@ var MultiLevelAffiliatePage = () => {
|
|
|
3081
3178
|
rows: 1,
|
|
3082
3179
|
className: "md:oui-grid-cols-2",
|
|
3083
3180
|
children: [
|
|
3084
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-order-2 md:oui-order-1", children: /* @__PURE__ */ jsxRuntime.jsx(SummaryWidget, {}) }),
|
|
3181
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-multiLevel-affiliate-summary-container oui-order-2 md:oui-order-1", children: /* @__PURE__ */ jsxRuntime.jsx(SummaryWidget, {}) }),
|
|
3085
3182
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-order-1 md:oui-order-2", children: multiLevelRebateInfo?.referral_code ? /* @__PURE__ */ jsxRuntime.jsx(ReferralInfoWidget, {}) : /* @__PURE__ */ jsxRuntime.jsx(MultiLevelReferralWidget, {}) })
|
|
3086
3183
|
]
|
|
3087
3184
|
}
|
|
3088
3185
|
),
|
|
3089
3186
|
/* @__PURE__ */ jsxRuntime.jsx(CommissionChartWidget, {}),
|
|
3090
|
-
/* @__PURE__ */ jsxRuntime.jsx(ReferrerTableWidget, {})
|
|
3187
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-multiLevel-affiliate-referrerTables-container", children: /* @__PURE__ */ jsxRuntime.jsx(ReferrerTableWidget, {}) })
|
|
3091
3188
|
]
|
|
3092
3189
|
}
|
|
3093
3190
|
) })
|
|
@@ -3095,17 +3192,15 @@ var MultiLevelAffiliatePage = () => {
|
|
|
3095
3192
|
);
|
|
3096
3193
|
};
|
|
3097
3194
|
var AffiliateIcon = (props) => {
|
|
3098
|
-
const { size = 16,
|
|
3195
|
+
const { size = 16, ...rest } = props;
|
|
3099
3196
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3100
3197
|
"svg",
|
|
3101
3198
|
{
|
|
3102
3199
|
width: size,
|
|
3103
3200
|
height: size,
|
|
3104
3201
|
viewBox: "0 0 16 16",
|
|
3105
|
-
fill: "
|
|
3106
|
-
fillOpacity: ".98",
|
|
3202
|
+
fill: "currentColor",
|
|
3107
3203
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3108
|
-
className: props.className,
|
|
3109
3204
|
...rest,
|
|
3110
3205
|
children: [
|
|
3111
3206
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 1.302c-3.683 0-6.655 2.985-6.667 6.667-.013 3.676 2.987 6.68 6.666 6.687s6.674-3.037 6.667-6.687c-.007-3.682-2.985-6.667-6.667-6.667m0 1.333a5.333 5.333 0 0 1 5.333 5.334c0 1.5-.625 2.852-1.622 3.821-.49-1.062-1.545-1.821-2.753-1.821H7.04c-1.207 0-2.259.75-2.75 1.812A5.3 5.3 0 0 1 2.666 7.97a5.333 5.333 0 0 1 5.333-5.334M8 3.97a2.667 2.667 0 1 0 0 5.333A2.667 2.667 0 0 0 8 3.97" }),
|
|
@@ -3113,7 +3208,7 @@ var AffiliateIcon = (props) => {
|
|
|
3113
3208
|
"path",
|
|
3114
3209
|
{
|
|
3115
3210
|
d: "M16 12.667a3.333 3.333 0 1 1-6.667 0 3.333 3.333 0 0 1 6.667 0",
|
|
3116
|
-
fill: "
|
|
3211
|
+
fill: "rgb(var(--oui-color-primary-darken))"
|
|
3117
3212
|
}
|
|
3118
3213
|
),
|
|
3119
3214
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.917 11.433a.917.917 0 0 0-.917.917c0 .53.302 1.031.802 1.49a4.6 4.6 0 0 0 .713.53l.068.043c.05.027.117.027.167 0l.068-.042q.08-.05.177-.115c.182-.123.366-.26.536-.416.5-.459.802-.96.802-1.49a.917.917 0 0 0-.917-.917.97.97 0 0 0-.744.386.95.95 0 0 0-.756-.386" })
|
|
@@ -3122,33 +3217,35 @@ var AffiliateIcon = (props) => {
|
|
|
3122
3217
|
);
|
|
3123
3218
|
};
|
|
3124
3219
|
var TraderIcon = (props) => {
|
|
3125
|
-
const { size = 16,
|
|
3220
|
+
const { size = 16, ...rest } = props;
|
|
3126
3221
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3127
3222
|
"svg",
|
|
3128
3223
|
{
|
|
3129
3224
|
width: size,
|
|
3130
3225
|
height: size,
|
|
3131
3226
|
viewBox: "0 0 16 16",
|
|
3132
|
-
fill: "white",
|
|
3133
|
-
fillOpacity: "0.36",
|
|
3134
3227
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3135
|
-
className: props.className,
|
|
3136
3228
|
...rest,
|
|
3137
3229
|
children: [
|
|
3138
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3230
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3231
|
+
"path",
|
|
3232
|
+
{
|
|
3233
|
+
d: "M7.99929 1.30212C4.31735 1.30212 1.34509 4.28679 1.33262 7.96878C1.32015 11.6454 4.32042 14.6488 7.99929 14.6561C11.6782 14.6634 14.6726 11.6194 14.666 7.96878C14.6593 4.28679 11.6812 1.30212 7.99929 1.30212ZM7.99929 2.63546C10.9448 2.63546 13.3326 5.02345 13.3326 7.96878C13.3326 9.46878 12.7078 10.8208 11.7112 11.7901C11.2202 10.7281 10.1656 9.96878 8.95762 9.96878C8.71802 9.96878 7.28042 9.96878 7.04095 9.96878C5.83369 9.96878 4.78215 10.7188 4.29095 11.7814C3.29429 10.8121 2.66595 9.46878 2.66595 7.96878C2.66595 5.02345 5.05375 2.63546 7.99929 2.63546ZM7.99929 3.96879C6.52649 3.96879 5.33255 5.16279 5.33262 6.63545C5.33262 8.10812 6.52649 9.30212 7.99929 9.30212C9.47202 9.30212 10.666 8.10812 10.666 6.63545C10.666 5.16279 9.47202 3.96879 7.99929 3.96879Z",
|
|
3234
|
+
fill: "currentColor"
|
|
3235
|
+
}
|
|
3236
|
+
),
|
|
3139
3237
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3140
3238
|
"path",
|
|
3141
3239
|
{
|
|
3142
3240
|
d: "M16 12.6667C16 14.5076 14.5076 16 12.6666 16C10.8257 16 9.33331 14.5076 9.33331 12.6667C9.33331 10.8257 10.8257 9.33333 12.6666 9.33333C14.5076 9.33333 16 10.8257 16 12.6667Z",
|
|
3143
|
-
|
|
3241
|
+
className: "oui-fill-success-darken"
|
|
3144
3242
|
}
|
|
3145
3243
|
),
|
|
3146
3244
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3147
3245
|
"path",
|
|
3148
3246
|
{
|
|
3149
3247
|
d: "M14.3325 13.3345C14.3325 13.2918 14.3182 13.2473 14.2857 13.2147L13.6658 12.6002L13.4315 12.8345L13.7595 13.1678H11.3325C11.2405 13.1678 11.1658 13.2425 11.1658 13.3345C11.1658 13.4265 11.2405 13.5012 11.3325 13.5012H13.7595L13.4315 13.8345L13.6658 14.0688L14.2857 13.4543C14.3182 13.4217 14.3325 13.3772 14.3325 13.3345ZM14.1658 12.0012C14.1658 11.9092 14.0912 11.8345 13.9992 11.8345H11.572L11.9002 11.5012L11.6658 11.2668L11.046 11.8813C10.981 11.9465 10.981 12.0558 11.046 12.121L11.6658 12.7355L11.9002 12.5012L11.572 12.1678H13.9992C14.0912 12.1678 14.1658 12.0932 14.1658 12.0012Z",
|
|
3150
|
-
fill: "
|
|
3151
|
-
fillOpacity: "0.98"
|
|
3248
|
+
fill: "currentColor"
|
|
3152
3249
|
}
|
|
3153
3250
|
)
|
|
3154
3251
|
]
|
|
@@ -3171,14 +3268,14 @@ var USDCIcon = (props) => {
|
|
|
3171
3268
|
"path",
|
|
3172
3269
|
{
|
|
3173
3270
|
d: "M10.5 20c5.542 0 10-4.458 10-10s-4.458-10-10-10S.5 4.458.5 10s4.458 10 10 10",
|
|
3174
|
-
fill: "
|
|
3271
|
+
fill: "rgb(var(--oui-color-primary))"
|
|
3175
3272
|
}
|
|
3176
3273
|
),
|
|
3177
3274
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3178
3275
|
"path",
|
|
3179
3276
|
{
|
|
3180
3277
|
d: "M13.5 11.473c0-1.452-.94-1.95-2.82-2.158-1.344-.166-1.613-.498-1.613-1.078s.448-.955 1.343-.955c.806 0 1.254.25 1.478.872.045.124.18.207.313.207h.717c.179 0 .313-.125.313-.29v-.042c-.179-.913-.985-1.618-2.015-1.701v-.996c0-.166-.134-.29-.358-.332h-.671c-.18 0-.314.124-.359.332v.954c-1.343.166-2.194.996-2.194 2.034 0 1.369.896 1.908 2.776 2.116 1.254.207 1.657.456 1.657 1.12s-.627 1.12-1.477 1.12c-1.165 0-1.568-.456-1.702-1.078a.32.32 0 0 0-.313-.25h-.762c-.179 0-.313.125-.313.291v.042c.179 1.037.895 1.784 2.373 1.991v.996c0 .166.134.29.358.332h.672c.18 0 .313-.124.358-.332v-.996c1.344-.207 2.239-1.079 2.239-2.199",
|
|
3181
|
-
fill: "
|
|
3278
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
3182
3279
|
fillOpacity: ".98"
|
|
3183
3280
|
}
|
|
3184
3281
|
),
|
|
@@ -3186,12 +3283,18 @@ var USDCIcon = (props) => {
|
|
|
3186
3283
|
"path",
|
|
3187
3284
|
{
|
|
3188
3285
|
d: "M8.24 16.57c-3.458-1.215-5.23-4.986-3.945-8.324.665-1.821 2.127-3.208 3.944-3.859.178-.086.266-.216.266-.433v-.607c0-.174-.088-.304-.266-.347-.044 0-.133 0-.177.043-4.21 1.3-6.516 5.68-5.186 9.798.798 2.428 2.704 4.292 5.186 5.072.177.087.355 0 .4-.173.043-.043.043-.087.043-.173v-.608c0-.13-.133-.303-.266-.39m4.698-13.527c-.178-.086-.355 0-.4.174-.043.043-.043.086-.043.173v.607c0 .174.133.347.266.434 3.457 1.213 5.23 4.985 3.944 8.323-.664 1.821-2.127 3.209-3.944 3.859-.178.086-.266.216-.266.433v.607c0 .174.088.304.266.347.044 0 .133 0 .177-.043 4.21-1.3 6.515-5.68 5.186-9.798-.798-2.471-2.748-4.335-5.186-5.116",
|
|
3189
|
-
fill: "
|
|
3286
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
3190
3287
|
fillOpacity: ".98"
|
|
3191
3288
|
}
|
|
3192
3289
|
)
|
|
3193
3290
|
] }),
|
|
3194
|
-
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3291
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3292
|
+
"path",
|
|
3293
|
+
{
|
|
3294
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
3295
|
+
d: "M.5 0h20v20H.5z"
|
|
3296
|
+
}
|
|
3297
|
+
) }) })
|
|
3195
3298
|
]
|
|
3196
3299
|
}
|
|
3197
3300
|
);
|
|
@@ -3737,7 +3840,7 @@ var TitleStatistic = (props) => {
|
|
|
3737
3840
|
chart.VolBarChart,
|
|
3738
3841
|
{
|
|
3739
3842
|
data: props.dataSource || types.EMPTY_LIST,
|
|
3740
|
-
colors: { fill: "
|
|
3843
|
+
colors: { fill: "rgb(var(--oui-color-success))" },
|
|
3741
3844
|
className: "oui-w-full oui-flex-1",
|
|
3742
3845
|
tooltip: {
|
|
3743
3846
|
rm: utils.Decimal.ROUND_DOWN,
|
|
@@ -3853,9 +3956,7 @@ var EditIcon = (props) => {
|
|
|
3853
3956
|
height: "13",
|
|
3854
3957
|
viewBox: "0 0 12 13",
|
|
3855
3958
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3856
|
-
|
|
3857
|
-
fillOpacity: "0.36",
|
|
3858
|
-
className,
|
|
3959
|
+
className: ui.cn(className, "oui-fill-base-contrast-36"),
|
|
3859
3960
|
...rest,
|
|
3860
3961
|
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.49773 1.47656C8.36523 1.47656 8.23223 1.52357 8.13823 1.61707C7.86023 1.89507 6.85973 2.89558 6.63773 3.11808L2.13523 7.62059L1.63473 8.12059C1.56523 8.19059 1.52923 8.28958 1.50973 8.38658L1.00973 10.8881C0.939727 11.2381 1.23773 11.5361 1.58773 11.4666C1.90073 11.4036 3.77673 11.0286 4.08923 10.9661C4.18623 10.9466 4.28523 10.9106 4.35523 10.8411L4.85523 10.3406L9.35773 5.83808C9.58023 5.61608 10.5807 4.61506 10.8587 4.33756C10.9522 4.24356 10.9992 4.11056 10.9992 3.97806C10.9992 3.15956 10.7907 2.57456 10.3582 2.13306C9.92173 1.68756 9.33873 1.47656 8.49773 1.47656ZM8.69473 2.48606C9.14623 2.51256 9.43873 2.61608 9.63923 2.82108C9.84423 3.03008 9.97373 3.32008 10.0017 3.76258C9.72773 4.03608 9.32673 4.43106 8.99823 4.75956C8.60173 4.36306 8.11273 3.87407 7.71623 3.47757C8.04523 3.14907 8.42123 2.75956 8.69473 2.48606ZM6.99723 4.19657L8.27923 5.47858L4.49573 9.26207L3.21373 7.98009L6.99723 4.19657ZM2.49473 8.69908L3.77673 9.98107L3.72973 10.0281C3.39973 10.0941 2.73323 10.2336 2.11923 10.3566L2.44773 8.74608L2.49473 8.69908Z" })
|
|
3861
3962
|
}
|
|
@@ -3882,16 +3983,13 @@ var PinBtn = (props) => {
|
|
|
3882
3983
|
children: props.pinned === false ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3883
3984
|
UnPinIcon,
|
|
3884
3985
|
{
|
|
3885
|
-
size: props.size
|
|
3886
|
-
fillOpacity: 1,
|
|
3887
|
-
className: "orderly-fill-primary-darken hover:orderly-fill-primary-darken/80"
|
|
3986
|
+
size: props.size
|
|
3888
3987
|
}
|
|
3889
3988
|
) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
3890
3989
|
PinnedIcon,
|
|
3891
3990
|
{
|
|
3892
3991
|
size: props.size,
|
|
3893
|
-
|
|
3894
|
-
className: "orderly-fill-base-contrast-36 hover:orderly-fill-base-contrast"
|
|
3992
|
+
className: "oui-text-base-contrast-36 hover:oui-text-base-contrast"
|
|
3895
3993
|
}
|
|
3896
3994
|
)
|
|
3897
3995
|
}
|
|
@@ -3905,8 +4003,9 @@ var PinnedIcon = (props) => {
|
|
|
3905
4003
|
width: size,
|
|
3906
4004
|
height: size,
|
|
3907
4005
|
viewBox: "0 0 16 16",
|
|
3908
|
-
fill: "
|
|
4006
|
+
fill: "currentColor",
|
|
3909
4007
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4008
|
+
...props,
|
|
3910
4009
|
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.008 1.302a.74.74 0 0 0-.486.215c-1.033.988-1.349 1.815-.972 2.947-.88.675-1.437.841-2.536.841-1.503 0-2.484.181-3.152.848v.021a1.583 1.583 0 0 0 0 2.249l1.867 1.881-3.181 3.18c-.26.26-.28.696-.02.956.261.26.699.26.959 0l3.193-3.193 1.87 1.86a1.585 1.585 0 0 0 2.25 0h.02c.668-.667.854-1.522.854-3.144 0-1.03.212-1.758.853-2.523 1.232.361 1.95.015 2.96-.995a.68.68 0 0 0 .188-.479c0-.234-.06-.594-.209-1.041a5.34 5.34 0 0 0-1.312-2.103A5.35 5.35 0 0 0 11.05 1.51c-.448-.149-.808-.208-1.042-.208" })
|
|
3911
4010
|
}
|
|
3912
4011
|
);
|
|
@@ -3919,9 +4018,9 @@ var UnPinIcon = (props) => {
|
|
|
3919
4018
|
width: size,
|
|
3920
4019
|
height: size,
|
|
3921
4020
|
viewBox: "0 0 16 16",
|
|
3922
|
-
fill: "
|
|
3923
|
-
fillOpacity: ".36",
|
|
4021
|
+
fill: "currentColor",
|
|
3924
4022
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4023
|
+
...props,
|
|
3925
4024
|
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.008 1.302a.74.74 0 0 0-.486.215c-1.033.988-1.349 1.815-.972 2.947-.88.675-1.437.841-2.536.841-1.503 0-2.484.181-3.152.848v.021a1.583 1.583 0 0 0 0 2.249l1.867 1.881-3.181 3.18c-.26.26-.28.696-.02.956.261.26.699.26.959 0l3.193-3.193 1.87 1.86a1.585 1.585 0 0 0 2.25 0h.02c.668-.667.854-1.522.854-3.144 0-1.03.212-1.758.853-2.523 1.232.361 1.95.015 2.96-.995a.68.68 0 0 0 .188-.479c0-.234-.06-.594-.209-1.041a5.34 5.34 0 0 0-1.312-2.103A5.35 5.35 0 0 0 11.05 1.51c-.448-.149-.808-.208-1.042-.208m.258 1.37c.708.131 1.421.6 1.93 1.108.507.507.94 1.13 1.119 1.944-.636.61-1.026.659-1.662.324a.67.67 0 0 0-.779.116c-1.214 1.213-1.533 2.314-1.533 3.8 0 1.293-.076 1.774-.48 2.207-.113.123-.27.104-.374 0L3.799 7.486a.24.24 0 0 1-.017-.34c.239-.29.769-.514 2.226-.514 1.742.001 2.668-.447 3.812-1.52a.67.67 0 0 0 .125-.77c-.343-.685-.29-1.046.321-1.67" })
|
|
3926
4025
|
}
|
|
3927
4026
|
);
|
|
@@ -4007,7 +4106,7 @@ var MobileCellItem = (props) => {
|
|
|
4007
4106
|
editRate && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4008
4107
|
EditIcon,
|
|
4009
4108
|
{
|
|
4010
|
-
className: "oui-mt-px oui-cursor-pointer oui-fill-
|
|
4109
|
+
className: "oui-mt-px oui-cursor-pointer oui-fill-base-contrast-36 hover:oui-fill-base-contrast-80",
|
|
4011
4110
|
fillOpacity: 1,
|
|
4012
4111
|
fill: "currentColor",
|
|
4013
4112
|
onClick: () => editRate()
|
|
@@ -4186,7 +4285,7 @@ var DesktopLayout = (props) => {
|
|
|
4186
4285
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4187
4286
|
EditIcon,
|
|
4188
4287
|
{
|
|
4189
|
-
className: "oui-mt-[6px] oui-cursor-pointer oui-fill-
|
|
4288
|
+
className: "oui-mt-[6px] oui-cursor-pointer oui-fill-base-contrast-36 hover:oui-fill-base-contrast-80",
|
|
4190
4289
|
fillOpacity: 1,
|
|
4191
4290
|
fill: "currentColor",
|
|
4192
4291
|
onClick: (e) => props.editRate?.(data)
|
|
@@ -5227,7 +5326,7 @@ var ApplyIcon = () => {
|
|
|
5227
5326
|
fillRule: "evenodd",
|
|
5228
5327
|
clipRule: "evenodd",
|
|
5229
5328
|
d: "M24.941 5.4h-6.682a.6.6 0 0 0-.593.509l-.462 3a.6.6 0 0 0 .593.691h7.606a.6.6 0 0 0 .593-.691l-.462-3a.6.6 0 0 0-.593-.509m-6.682-1.8a2.4 2.4 0 0 0-2.372 2.035l-.462 3a2.4 2.4 0 0 0 2.372 2.765h7.606a2.4 2.4 0 0 0 2.372-2.765l-.462-3A2.4 2.4 0 0 0 24.941 3.6z",
|
|
5230
|
-
fill: "
|
|
5329
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
5231
5330
|
fillOpacity: ".36"
|
|
5232
5331
|
}
|
|
5233
5332
|
),
|
|
@@ -5235,14 +5334,14 @@ var ApplyIcon = () => {
|
|
|
5235
5334
|
"path",
|
|
5236
5335
|
{
|
|
5237
5336
|
d: "M32.721 28.2c.924-1.6 3.233-1.6 4.157 0l7.275 12.6c.924 1.6-.231 3.6-2.079 3.6H27.525c-1.848 0-3.002-2-2.078-3.6z",
|
|
5238
|
-
fill: "
|
|
5337
|
+
fill: "rgb(var(--oui-color-primary-darken))"
|
|
5239
5338
|
}
|
|
5240
5339
|
),
|
|
5241
5340
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5242
5341
|
"path",
|
|
5243
5342
|
{
|
|
5244
5343
|
d: "M33.492 38.12H31.56c-.252 0-.426-.276-.336-.535l1.92-5.53a.4.4 0 0 1 .132-.185.34.34 0 0 1 .204-.07h3.24c.255 0 .43.284.333.544l-1.118 3.011h2.104c.31 0 .475.4.27.656l-5.158 6.453c-.251.313-.716.041-.619-.362z",
|
|
5245
|
-
fill: "
|
|
5344
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
5246
5345
|
fillOpacity: ".98"
|
|
5247
5346
|
}
|
|
5248
5347
|
),
|
|
@@ -5252,7 +5351,7 @@ var ApplyIcon = () => {
|
|
|
5252
5351
|
fillRule: "evenodd",
|
|
5253
5352
|
clipRule: "evenodd",
|
|
5254
5353
|
d: "M14.4 16.8v2.4h2.4v-2.4zM13.2 15a.6.6 0 0 0-.6.6v4.8a.6.6 0 0 0 .6.6H18a.6.6 0 0 0 .6-.6v-4.8a.6.6 0 0 0-.6-.6z",
|
|
5255
|
-
fill: "
|
|
5354
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
5256
5355
|
fillOpacity: ".36"
|
|
5257
5356
|
}
|
|
5258
5357
|
),
|
|
@@ -5260,7 +5359,7 @@ var ApplyIcon = () => {
|
|
|
5260
5359
|
"path",
|
|
5261
5360
|
{
|
|
5262
5361
|
d: "M20.4 16.2a.6.6 0 0 1 .6-.6h2.4a.6.6 0 0 1 .6.6v.6a.6.6 0 0 1-.6.6H21a.6.6 0 0 1-.6-.6zm0 3a.6.6 0 0 1 .6-.6h9a.6.6 0 0 1 .6.6v.6a.6.6 0 0 1-.6.6h-9a.6.6 0 0 1-.6-.6zm-7.8 5.4a.6.6 0 0 1 .6-.6H30a.6.6 0 0 1 .6.6v.6a.6.6 0 0 1-.6.6H13.2a.6.6 0 0 1-.6-.6zm0 3.6a.6.6 0 0 1 .6-.6H30a.6.6 0 0 1 .6.6v.6a.6.6 0 0 1-.6.6H13.2a.6.6 0 0 1-.6-.6zm0 3.6a.6.6 0 0 1 .6-.6h9a.6.6 0 0 1 .6.6v.6a.6.6 0 0 1-.6.6h-9a.6.6 0 0 1-.6-.6z",
|
|
5263
|
-
fill: "
|
|
5362
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
5264
5363
|
fillOpacity: ".36"
|
|
5265
5364
|
}
|
|
5266
5365
|
),
|
|
@@ -5270,7 +5369,7 @@ var ApplyIcon = () => {
|
|
|
5270
5369
|
fillRule: "evenodd",
|
|
5271
5370
|
clipRule: "evenodd",
|
|
5272
5371
|
d: "M15.739 6.6H10.2A2.4 2.4 0 0 0 7.8 9v30a2.4 2.4 0 0 0 2.4 2.4h13.84l1.014-1.8H10.2a.6.6 0 0 1-.6-.6V9a.6.6 0 0 1 .6-.6h5.262zm12 1.8H33a.6.6 0 0 1 .6.6v16.47a2.8 2.8 0 0 1 1.8-.205V9A2.4 2.4 0 0 0 33 6.6h-5.538z",
|
|
5273
|
-
fill: "
|
|
5372
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
5274
5373
|
fillOpacity: ".36"
|
|
5275
5374
|
}
|
|
5276
5375
|
)
|
|
@@ -5289,14 +5388,20 @@ var ShareIcon = () => {
|
|
|
5289
5388
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5290
5389
|
className: "lg:oui-w-[64px] lg:oui-h-[64px] 2xl:oui-w-[80px] 2xl:oui-h-[80px]",
|
|
5291
5390
|
children: [
|
|
5292
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5391
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5392
|
+
"path",
|
|
5393
|
+
{
|
|
5394
|
+
d: "M24 33a9 9 0 1 1-18 0 9 9 0 0 1 18 0",
|
|
5395
|
+
fill: "rgb(var(--oui-color-primary-darken))"
|
|
5396
|
+
}
|
|
5397
|
+
),
|
|
5293
5398
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5294
5399
|
"path",
|
|
5295
5400
|
{
|
|
5296
5401
|
fillRule: "evenodd",
|
|
5297
5402
|
clipRule: "evenodd",
|
|
5298
5403
|
d: "M15 32.4a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6m0 1.8a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2m-6.578 4.942A4.8 4.8 0 0 1 13.2 34.8h3.6a4.8 4.8 0 0 1 4.778 4.342 9 9 0 0 1-1.778 1.473V39.6a3 3 0 0 0-3-3h-3.6a3 3 0 0 0-3 3v1.015a9 9 0 0 1-1.778-1.473",
|
|
5299
|
-
fill: "
|
|
5404
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
5300
5405
|
fillOpacity: ".98"
|
|
5301
5406
|
}
|
|
5302
5407
|
),
|
|
@@ -5306,7 +5411,7 @@ var ShareIcon = () => {
|
|
|
5306
5411
|
fillRule: "evenodd",
|
|
5307
5412
|
clipRule: "evenodd",
|
|
5308
5413
|
d: "M16.2 12a4.2 4.2 0 1 1-8.4 0 4.2 4.2 0 0 1 8.4 0m1.8 0c0 1.37-.459 2.632-1.231 3.642l2.308 2.308a7.76 7.76 0 0 1 4.023-1.7v-.764A3.602 3.602 0 0 1 24 8.4a3.6 3.6 0 0 1 .9 7.087v.764c1.48.17 2.833.754 3.942 1.633l2.326-2.326a6 6 0 1 1 1.273 1.273l-2.326 2.326a7.76 7.76 0 0 1 1.634 3.943h.764a3.602 3.602 0 0 1 7.087.9 3.6 3.6 0 0 1-7.087.9h-.764a7.76 7.76 0 0 1-1.699 4.023l2.308 2.308a6 6 0 1 1-1.25 1.295l-2.347-2.347a7.8 7.8 0 0 1-3.05 1.433 11 11 0 0 0-.377-1.76 6 6 0 1 0-7.185-7.185q-.855-.261-1.76-.379a7.8 7.8 0 0 1 1.432-3.049l-2.347-2.347A6 6 0 1 1 18 12m7.8 0a1.8 1.8 0 1 1-3.6 0 1.8 1.8 0 0 1 3.6 0M36 25.8a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6m0-9.6a4.2 4.2 0 1 0 0-8.4 4.2 4.2 0 0 0 0 8.4M40.2 36a4.2 4.2 0 1 1-8.4 0 4.2 4.2 0 0 1 8.4 0",
|
|
5309
|
-
fill: "
|
|
5414
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
5310
5415
|
fillOpacity: ".36"
|
|
5311
5416
|
}
|
|
5312
5417
|
)
|
|
@@ -5331,18 +5436,24 @@ var EarnIcon = () => {
|
|
|
5331
5436
|
fillRule: "evenodd",
|
|
5332
5437
|
clipRule: "evenodd",
|
|
5333
5438
|
d: "M24 24a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8m0 1.8a4.2 4.2 0 1 0 0-8.4 4.2 4.2 0 0 0 0 8.4",
|
|
5334
|
-
fill: "
|
|
5439
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
5335
5440
|
fillOpacity: ".36"
|
|
5336
5441
|
}
|
|
5337
5442
|
),
|
|
5338
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5443
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5444
|
+
"path",
|
|
5445
|
+
{
|
|
5446
|
+
d: "M45 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0",
|
|
5447
|
+
fill: "rgb(var(--oui-color-primary-darken))"
|
|
5448
|
+
}
|
|
5449
|
+
),
|
|
5339
5450
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5340
5451
|
"path",
|
|
5341
5452
|
{
|
|
5342
5453
|
fillRule: "evenodd",
|
|
5343
5454
|
clipRule: "evenodd",
|
|
5344
5455
|
d: "M35.1 6.6a.9.9 0 1 1 1.8 0v.437A3 3 0 0 1 39 9.9h-1.8a1.2 1.2 0 1 0-1.2 1.2 3 3 0 0 1 .9 5.863v.437a.9.9 0 0 1-1.8 0v-.437A3 3 0 0 1 33 14.1h1.8a1.2 1.2 0 1 0 1.2-1.2 3 3 0 0 1-.9-5.863z",
|
|
5345
|
-
fill: "
|
|
5456
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
5346
5457
|
fillOpacity: ".98"
|
|
5347
5458
|
}
|
|
5348
5459
|
),
|
|
@@ -5352,7 +5463,7 @@ var EarnIcon = () => {
|
|
|
5352
5463
|
fillRule: "evenodd",
|
|
5353
5464
|
clipRule: "evenodd",
|
|
5354
5465
|
d: "M40.2 23.7a.9.9 0 0 1 1.8 0v.6q0 .045-.004.086c-.197 9.351-7.525 16.948-16.765 17.573l1.205 1.205a.9.9 0 1 1-1.272 1.272l-2.7-2.7a.9.9 0 0 1 0-1.272l2.7-2.7a.9.9 0 1 1 1.272 1.272l-1.11 1.11c8.325-.674 14.87-7.642 14.874-16.14zM21.564 4.836a.9.9 0 1 1 1.272-1.272l2.7 2.7a.9.9 0 0 1 0 1.272l-2.7 2.7a.9.9 0 1 1-1.272-1.272l1.11-1.11C14.347 8.528 7.8 15.5 7.8 24v.3a.9.9 0 1 1-1.8 0v-.6l.004-.086C6.201 14.263 13.53 6.666 22.77 6.042z",
|
|
5355
|
-
fill: "
|
|
5466
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
5356
5467
|
fillOpacity: ".36"
|
|
5357
5468
|
}
|
|
5358
5469
|
),
|
|
@@ -5362,7 +5473,7 @@ var EarnIcon = () => {
|
|
|
5362
5473
|
fillRule: "evenodd",
|
|
5363
5474
|
clipRule: "evenodd",
|
|
5364
5475
|
d: "M24 11.4q.615 0 1.213.058a11 11 0 0 0 .061 1.816Q24.647 13.2 24 13.2c-5.965 0-10.8 4.835-10.8 10.8 0 2.898 1.142 5.53 3 7.47a4.8 4.8 0 0 1 4.8-4.79h6a4.8 4.8 0 0 1 4.8 4.789c1.858-1.94 3-4.572 3-7.47q0-.647-.074-1.274a11 11 0 0 0 1.816.06q.057.6.058 1.214c0 6.959-5.641 12.6-12.6 12.6S11.4 30.959 11.4 24 17.041 11.4 24 11.4m6 21.581v-1.5a3 3 0 0 0-3-3h-6a3 3 0 0 0-3 3v1.5a10.75 10.75 0 0 0 6 1.819c2.22 0 4.284-.67 6-1.819",
|
|
5365
|
-
fill: "
|
|
5476
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
5366
5477
|
fillOpacity: ".36"
|
|
5367
5478
|
}
|
|
5368
5479
|
)
|
|
@@ -5383,7 +5494,7 @@ var ArrowDownIcon = () => {
|
|
|
5383
5494
|
"path",
|
|
5384
5495
|
{
|
|
5385
5496
|
d: "M8.5048 4.00806C8.8728 4.00806 9.1708 4.30626 9.1708 4.67406C9.1708 4.99259 9.1708 8.71739 9.1708 9.71072L11.1688 7.73339L12.1055 8.67005L8.98346 11.8127C8.85346 11.9434 8.6788 12.0081 8.50413 12.0081C8.33013 12.0081 8.15612 11.9427 8.02612 11.8127L4.90413 8.67005L5.8408 7.73339L7.83881 9.71072C7.83881 8.71739 7.83881 4.99259 7.83881 4.67406C7.83881 4.30626 8.1368 4.00806 8.5048 4.00806Z",
|
|
5386
|
-
fill: "
|
|
5497
|
+
fill: "rgb(var(--oui-color-primary))"
|
|
5387
5498
|
}
|
|
5388
5499
|
)
|
|
5389
5500
|
}
|
|
@@ -5503,10 +5614,8 @@ var ArrowRightIcon = (props) => {
|
|
|
5503
5614
|
width: "16",
|
|
5504
5615
|
height: "16",
|
|
5505
5616
|
viewBox: "0 0 16 16",
|
|
5506
|
-
fill: "white",
|
|
5507
|
-
fillOpacity: "0.98",
|
|
5508
5617
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5509
|
-
className: props.className,
|
|
5618
|
+
className: ui.cn(props.className, "oui-fill-base-contrast"),
|
|
5510
5619
|
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.00806 7.9952C4.00806 7.6272 4.30626 7.3292 4.67406 7.3292C4.99259 7.3292 8.71739 7.3292 9.71072 7.3292L7.73339 5.3312L8.67005 4.39453L11.8127 7.51654C11.9434 7.64654 12.0081 7.8212 12.0081 7.99587C12.0081 8.16987 11.9427 8.34388 11.8127 8.47388L8.67005 11.5959L7.73339 10.6592L9.71072 8.66119C8.71739 8.66119 4.99259 8.66119 4.67406 8.66119C4.30626 8.66119 4.00806 8.3632 4.00806 7.9952Z" })
|
|
5511
5620
|
}
|
|
5512
5621
|
);
|
|
@@ -5582,7 +5691,7 @@ var Icon = () => {
|
|
|
5582
5691
|
"path",
|
|
5583
5692
|
{
|
|
5584
5693
|
d: "M44.996 7.324c-20.71 0-37.43 16.79-37.5 37.5-.07 20.682 16.806 37.575 37.5 37.617 20.694.04 37.537-17.082 37.5-37.617-.037-20.71-16.79-37.5-37.5-37.5m0 7.5c16.569 0 30 13.433 30 30 0 8.438-3.514 16.043-9.12 21.495-2.762-5.973-8.694-10.245-15.49-10.245h-10.78c-6.791 0-12.706 4.22-15.47 10.197-5.606-5.453-9.14-13.01-9.14-21.447 0-16.567 13.431-30 30-30m0 7.5c-8.284 0-15 6.717-15 15s6.716 15 15 15 15-6.716 15-15-6.716-15-15-15",
|
|
5585
|
-
fill: "
|
|
5694
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
5586
5695
|
fillOpacity: ".2"
|
|
5587
5696
|
}
|
|
5588
5697
|
),
|
|
@@ -5590,14 +5699,14 @@ var Icon = () => {
|
|
|
5590
5699
|
"path",
|
|
5591
5700
|
{
|
|
5592
5701
|
d: "M90 71.25C90 81.605 81.605 90 71.25 90S52.5 81.605 52.5 71.25 60.895 52.5 71.25 52.5 90 60.895 90 71.25",
|
|
5593
|
-
fill: "
|
|
5702
|
+
fill: "rgb(var(--oui-color-success-darken))"
|
|
5594
5703
|
}
|
|
5595
5704
|
),
|
|
5596
5705
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5597
5706
|
"path",
|
|
5598
5707
|
{
|
|
5599
5708
|
d: "M80.62 75.007c0-.24-.08-.49-.263-.675l-3.487-3.456-1.318 1.318 1.845 1.875H63.745a.938.938 0 0 0 0 1.875h13.652l-1.845 1.875 1.318 1.318 3.487-3.456a.95.95 0 0 0 .263-.674m-.937-7.5a.94.94 0 0 0-.938-.938H65.093l1.846-1.875-1.319-1.318-3.486 3.456a.966.966 0 0 0 0 1.349l3.486 3.456 1.319-1.318-1.846-1.875h13.652c.518 0 .938-.42.938-.937",
|
|
5600
|
-
fill: "
|
|
5709
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
5601
5710
|
fillOpacity: ".98"
|
|
5602
5711
|
}
|
|
5603
5712
|
)
|
|
@@ -5875,7 +5984,7 @@ var Icon2 = () => {
|
|
|
5875
5984
|
"path",
|
|
5876
5985
|
{
|
|
5877
5986
|
d: "M35.997 5.86c-16.569 0-29.944 13.43-30 30-.056 16.545 13.445 30.06 30 30.093s30.03-13.665 30-30.093c-.03-16.57-13.432-30-30-30m0 6c13.255 0 24 10.746 24 24 0 6.75-2.812 12.834-7.297 17.196-2.209-4.78-6.955-8.196-12.39-8.196h-8.626c-5.432 0-10.164 3.375-12.375 8.157-4.485-4.362-7.312-10.407-7.312-17.157 0-13.254 10.745-24 24-24m0 6c-6.628 0-12 5.373-12 12s5.372 12 12 12c6.627 0 12-5.373 12-12s-5.373-12-12-12",
|
|
5878
|
-
fill: "
|
|
5987
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
5879
5988
|
fillOpacity: ".2"
|
|
5880
5989
|
}
|
|
5881
5990
|
),
|
|
@@ -5883,14 +5992,14 @@ var Icon2 = () => {
|
|
|
5883
5992
|
"path",
|
|
5884
5993
|
{
|
|
5885
5994
|
d: "M72 57c0 8.284-6.716 15-15 15s-15-6.716-15-15 6.716-15 15-15 15 6.716 15 15",
|
|
5886
|
-
fill: "
|
|
5995
|
+
fill: "rgb(var(--oui-gradient-primary-end))"
|
|
5887
5996
|
}
|
|
5888
5997
|
),
|
|
5889
5998
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5890
5999
|
"path",
|
|
5891
6000
|
{
|
|
5892
6001
|
d: "M53.624 51.45a4.125 4.125 0 0 0-4.125 4.125c0 2.388 1.36 4.641 3.61 6.703a21 21 0 0 0 2.414 1.875c.287.194.556.37.797.516.147.089.243.154.304.187a.79.79 0 0 0 .75 0c.061-.033.158-.098.305-.187.24-.147.51-.322.797-.516a21 21 0 0 0 2.414-1.875c2.25-2.062 3.61-4.315 3.61-6.703a4.125 4.125 0 0 0-4.126-4.125c-1.294 0-2.557.705-3.351 1.734-.775-1.047-2.034-1.734-3.399-1.734",
|
|
5893
|
-
fill: "
|
|
6002
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
5894
6003
|
fillOpacity: ".98"
|
|
5895
6004
|
}
|
|
5896
6005
|
)
|
|
@@ -6260,7 +6369,7 @@ var TitleStatistic2 = (props) => {
|
|
|
6260
6369
|
chart.VolBarChart,
|
|
6261
6370
|
{
|
|
6262
6371
|
data: props.dataSource,
|
|
6263
|
-
colors: { fill: "
|
|
6372
|
+
colors: { fill: "rgb(var(--oui-color-success))" },
|
|
6264
6373
|
className: "oui-w-full oui-flex-1",
|
|
6265
6374
|
tooltip: {
|
|
6266
6375
|
rm: utils.Decimal.ROUND_DOWN,
|
|
@@ -6635,7 +6744,7 @@ var Tab = (props) => {
|
|
|
6635
6744
|
props.anATrader();
|
|
6636
6745
|
},
|
|
6637
6746
|
children: [
|
|
6638
|
-
/* @__PURE__ */ jsxRuntime.jsx(TraderIcon, {}),
|
|
6747
|
+
/* @__PURE__ */ jsxRuntime.jsx(TraderIcon, { className: "oui-text-base-contrast" }),
|
|
6639
6748
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: t("affiliate.asTrader.title") })
|
|
6640
6749
|
]
|
|
6641
6750
|
}
|
|
@@ -6659,7 +6768,7 @@ var Tab = (props) => {
|
|
|
6659
6768
|
props.anAnAffiliate();
|
|
6660
6769
|
},
|
|
6661
6770
|
children: [
|
|
6662
|
-
/* @__PURE__ */ jsxRuntime.jsx(AffiliateIcon, {}),
|
|
6771
|
+
/* @__PURE__ */ jsxRuntime.jsx(AffiliateIcon, { className: "oui-text-base-contrast" }),
|
|
6663
6772
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: t("affiliate.asAffiliate.title") })
|
|
6664
6773
|
]
|
|
6665
6774
|
}
|
|
@@ -6703,9 +6812,7 @@ var Tab = (props) => {
|
|
|
6703
6812
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6704
6813
|
AffiliateIcon,
|
|
6705
6814
|
{
|
|
6706
|
-
|
|
6707
|
-
fill: "currentColor",
|
|
6708
|
-
className: props.tab === "affiliate" /* affiliate */ ? "oui-fill-white/[.98]" : "oui-fill-white/[.36]"
|
|
6815
|
+
className: props.tab === "affiliate" /* affiliate */ ? "oui-text-base-contrast" : "oui-text-base-contrast-36"
|
|
6709
6816
|
}
|
|
6710
6817
|
),
|
|
6711
6818
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: t("common.affiliate") })
|
|
@@ -6721,9 +6828,7 @@ var Tab = (props) => {
|
|
|
6721
6828
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6722
6829
|
TraderIcon,
|
|
6723
6830
|
{
|
|
6724
|
-
|
|
6725
|
-
fill: "currentColor",
|
|
6726
|
-
className: props.tab === "trader" /* trader */ ? "oui-fill-white/[.98]" : "oui-fill-white/[.36]"
|
|
6831
|
+
className: props.tab === "trader" /* trader */ ? "oui-text-base-contrast" : "oui-text-base-contrast-36"
|
|
6727
6832
|
}
|
|
6728
6833
|
),
|
|
6729
6834
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: t("affiliate.trader") })
|
|
@@ -6904,7 +7009,7 @@ var useLayoutBuilder = () => {
|
|
|
6904
7009
|
fillRule: "evenodd",
|
|
6905
7010
|
clipRule: "evenodd",
|
|
6906
7011
|
d: "M5.625 4.95c0-.746.604-1.35 1.35-1.35h4.05c.746 0 1.35.604 1.35 1.35v4.62L9 12.195 5.625 9.57zm8.624 3.163-.524.407v-.96l.074.05c.193.128.346.302.45.502m-4.42 5.148L14.4 9.705v3.345a1.35 1.35 0 0 1-1.35 1.35h-8.1a1.35 1.35 0 0 1-1.35-1.35V9.705l4.571 3.556c.488.379 1.17.379 1.658 0M4.275 8.52l-.524-.407c.104-.2.257-.374.45-.503l.074-.049zm0-2.581V4.95a2.7 2.7 0 0 1 2.7-2.7h4.05a2.7 2.7 0 0 1 2.7 2.7v.989l.823.548a2.7 2.7 0 0 1 1.202 2.247v4.316a2.7 2.7 0 0 1-2.7 2.7h-8.1a2.7 2.7 0 0 1-2.7-2.7V8.734a2.7 2.7 0 0 1 1.202-2.247zM9 6.089l.111-.118.005-.005a1.08 1.08 0 0 1 1.58.004 1.223 1.223 0 0 1 0 1.668l-1.515 1.62-.004.004c-.1.102-.26.1-.358-.004l-1.516-1.62a1.223 1.223 0 0 1 0-1.668l.004-.004a1.08 1.08 0 0 1 1.58.004z",
|
|
6907
|
-
fill: "
|
|
7012
|
+
fill: "rgb(var(--oui-color-base-foreground))",
|
|
6908
7013
|
fillOpacity: ".54"
|
|
6909
7014
|
}
|
|
6910
7015
|
)
|