416 lines
14 KiB
TypeScript
416 lines
14 KiB
TypeScript
// Module ID: 8564
|
|
// Function ID: 68062
|
|
// Name: Coachmark
|
|
// Dependencies: []
|
|
// Exports: CoachmarkContainer
|
|
|
|
// Module 8564 (Coachmark)
|
|
let Pressable;
|
|
class Coachmark {
|
|
constructor(arg0) {
|
|
({ targetMeasurements, surfaceMeasurements, offsetY } = global);
|
|
num = 0;
|
|
({ title, description } = global);
|
|
if (undefined !== offsetY) {
|
|
num = offsetY;
|
|
}
|
|
graphic = global.graphic;
|
|
arg1 = graphic;
|
|
imgSource = global.imgSource;
|
|
importDefault = imgSource;
|
|
({ position, onDismiss, buttonLabel, buttonVariant, onButtonPress, gradientColor, experimental_withBlurBackground, renderImgComponent } = global);
|
|
dependencyMap = renderImgComponent;
|
|
tmp = closure_14();
|
|
Cursor = tmp;
|
|
ref = importAll.useRef(null);
|
|
closure_4 = ref;
|
|
tmp3 = closure_5(importAll.useState(null), 2);
|
|
first = tmp3[0];
|
|
closure_5 = tmp3[1];
|
|
tmp5 = importDefault(dependencyMap[8])(first, surfaceMeasurements, targetMeasurements, position, -8 + num);
|
|
adjustmentX = tmp5.adjustmentX;
|
|
({ tooltipX, tooltipY } = tmp5);
|
|
obj = arg1(dependencyMap[5]);
|
|
sharedValue = require("module_0");
|
|
importAll = sharedValue;
|
|
items = [];
|
|
items[0] = sharedValue;
|
|
items1 = [];
|
|
items1[0] = sharedValue;
|
|
callback = importAll.useCallback(() => {
|
|
const result = sharedValue.set(1);
|
|
}, items);
|
|
callback1 = importAll.useCallback(() => {
|
|
const result = sharedValue.set(0);
|
|
}, items1);
|
|
obj2 = arg1(dependencyMap[9]);
|
|
buttonPressAnimationProps = obj2.useButtonPressAnimationProps(sharedValue);
|
|
tmp10 = closure_4(buttonPressAnimationProps, Cursor);
|
|
items2 = [, , , ];
|
|
items2[0] = graphic;
|
|
items2[1] = imgSource;
|
|
items2[2] = renderImgComponent;
|
|
items2[3] = tmp;
|
|
memo = importAll.useMemo(() => {
|
|
if (null != graphic) {
|
|
let obj = {};
|
|
const items = [tmp.bottomMargin];
|
|
obj.style = items;
|
|
obj = {};
|
|
const merged = Object.assign(graphic);
|
|
const obj1 = {};
|
|
const aspectRatio = graphic.aspectRatio;
|
|
let str = "1/1";
|
|
if (null != aspectRatio) {
|
|
str = aspectRatio;
|
|
}
|
|
obj1.height = closure_15[str];
|
|
obj1.width = "auto";
|
|
obj["style"] = obj1;
|
|
obj.children = callback2(graphic(renderImgComponent[10]).Graphic, obj);
|
|
return callback2(closure_7, obj);
|
|
} else {
|
|
let tmp2 = null;
|
|
if (null != renderImgComponent) {
|
|
tmp2 = renderImgComponent();
|
|
}
|
|
if (null != imgSource) {
|
|
obj = { source: imgSource, style: tmp.image };
|
|
tmp2 = callback2(closure_9, obj);
|
|
}
|
|
let tmp8 = null;
|
|
if (null != tmp2) {
|
|
const obj2 = { style: tmp.bottomMargin, children: tmp2 };
|
|
tmp8 = callback2(closure_7, obj2);
|
|
}
|
|
return tmp8;
|
|
}
|
|
}, items2);
|
|
tmp12 = importDefault(dependencyMap[11])("Coachmark");
|
|
tmp13 = jsxs;
|
|
obj = {};
|
|
obj1 = {
|
|
ref,
|
|
accessibilityRole: "alert",
|
|
style: tmp.center,
|
|
accessible: true,
|
|
onLayout() {
|
|
let obj = graphic(renderImgComponent[12]);
|
|
obj = { ref, delay: 100 };
|
|
const result = obj.setAccessibilityFocus(obj);
|
|
}
|
|
};
|
|
items3 = [, ];
|
|
items3[0] = memo;
|
|
obj2 = {};
|
|
textGap = undefined;
|
|
tmp14 = Fragment;
|
|
tmp15 = View;
|
|
tmp16 = jsxs;
|
|
tmp17 = View;
|
|
if (tmp12) {
|
|
textGap = tmp.textGap;
|
|
}
|
|
obj2.style = textGap;
|
|
tmp19 = jsx;
|
|
obj3 = {};
|
|
items4 = [, ];
|
|
items4[0] = tmp.text;
|
|
textOnlyPadding = undefined;
|
|
if (null == graphic) {
|
|
textOnlyPadding = tmp.textOnlyPadding;
|
|
}
|
|
items4[1] = textOnlyPadding;
|
|
obj3.style = items4;
|
|
str = "heading-md/bold";
|
|
if (tmp12) {
|
|
str = "text-md/semibold";
|
|
}
|
|
obj3.variant = str;
|
|
obj3.color = "mobile-text-heading-primary";
|
|
obj3.children = title;
|
|
items5 = [, ];
|
|
items5[0] = tmp19(arg1(dependencyMap[13]).Text, obj3);
|
|
tmp21 = jsx;
|
|
obj4 = { style: tmp.text, variant: "text-sm/medium" };
|
|
str2 = "text-default";
|
|
if (tmp12) {
|
|
str2 = "text-subtle";
|
|
}
|
|
obj4.color = str2;
|
|
obj4.children = description;
|
|
items5[1] = tmp21(arg1(dependencyMap[13]).Text, obj4);
|
|
obj2.children = items5;
|
|
items3[1] = tmp16(tmp17, obj2);
|
|
obj1.children = items3;
|
|
items6 = [, , ];
|
|
items6[0] = tmp13(tmp15, obj1);
|
|
tmp22 = null;
|
|
if (null != buttonLabel) {
|
|
tmp22 = null;
|
|
if (null != onButtonPress) {
|
|
obj5 = {};
|
|
tmp25 = jsx;
|
|
tmp26 = View;
|
|
obj6 = {};
|
|
obj6.style = tmp.buttonSpacing;
|
|
tmp23 = jsxs;
|
|
tmp24 = Fragment;
|
|
items7 = [, ];
|
|
items7[0] = jsx(View, obj6);
|
|
tmp28 = arg1;
|
|
tmp29 = dependencyMap;
|
|
num2 = 14;
|
|
tmp27 = jsx;
|
|
if (experimental_withBlurBackground) {
|
|
obj7 = {};
|
|
obj7.text = buttonLabel;
|
|
obj7.onPress = onButtonPress;
|
|
obj8 = obj7;
|
|
} else {
|
|
obj8 = {};
|
|
str3 = "secondary";
|
|
if (null != buttonVariant) {
|
|
str3 = buttonVariant;
|
|
}
|
|
obj8.variant = str3;
|
|
str4 = "lg";
|
|
if (tmp12) {
|
|
str4 = "sm";
|
|
}
|
|
obj8.size = str4;
|
|
obj8.text = buttonLabel;
|
|
obj8.onPress = onButtonPress;
|
|
obj8.grow = true;
|
|
}
|
|
items7[1] = tmp27(arg1(dependencyMap[14]).Button, obj8);
|
|
obj5.children = items7;
|
|
tmp23Result = tmp23(tmp24, obj5);
|
|
}
|
|
}
|
|
items6[1] = tmp22;
|
|
obj9 = { accessibilityRole: "button" };
|
|
tmp31 = jsx;
|
|
tmp32 = Pressable;
|
|
intl = arg1(dependencyMap[15]).intl;
|
|
obj9.accessibilityLabel = intl.string(arg1(dependencyMap[15]).t.cpT0Cq);
|
|
obj9.style = tmp.closeButton;
|
|
obj9.onPress = onDismiss;
|
|
obj9.onPressIn = callback;
|
|
obj9.onPressOut = callback1;
|
|
tmp33 = jsx;
|
|
if (tmp12) {
|
|
obj10 = {};
|
|
str5 = "xs";
|
|
obj10.size = "xs";
|
|
tmp34 = importDefault;
|
|
tmp35 = dependencyMap;
|
|
num3 = 7;
|
|
obj10.color = importDefault(dependencyMap[7]).colors.ICON_STRONG;
|
|
obj11 = obj10;
|
|
} else {
|
|
obj11 = {};
|
|
}
|
|
obj9.children = tmp33(arg1(dependencyMap[16]).XSmallIcon, obj11);
|
|
items6[2] = tmp31(tmp32, obj9);
|
|
obj.children = items6;
|
|
tmp13Result = tmp13(tmp14, obj);
|
|
if (experimental_withBlurBackground) {
|
|
tmp45 = jsx;
|
|
tmp46 = arg1;
|
|
tmp47 = dependencyMap;
|
|
num6 = 17;
|
|
obj12 = {};
|
|
obj12.style = tmp.bodyContainer;
|
|
str6 = "dark";
|
|
obj12.blurTheme = "dark";
|
|
obj12.pressed = sharedValue;
|
|
obj12.children = tmp13Result;
|
|
tmp37Result = jsx(arg1(dependencyMap[17]).BackgroundBlurView, obj12);
|
|
} else {
|
|
obj13 = {};
|
|
items8 = [, ];
|
|
({ bodyContainer: arr9[0], bodyBgColor: arr9[1] } = tmp);
|
|
obj13.style = items8;
|
|
tmp39 = null;
|
|
tmp37 = jsxs;
|
|
tmp38 = View;
|
|
if (tmp12) {
|
|
tmp39 = null;
|
|
if (null != gradientColor) {
|
|
tmp40 = jsx;
|
|
tmp41 = arg1;
|
|
tmp42 = dependencyMap;
|
|
num4 = 18;
|
|
obj14 = {};
|
|
obj14.style = tmp.gradient;
|
|
obj14.color = gradientColor;
|
|
tmp43 = importDefault;
|
|
num5 = 7;
|
|
obj14.backgroundColor = importDefault(dependencyMap[7]).colors.MOBILE_COACHMARK_BACKGROUND_DEFAULT;
|
|
tmp39 = jsx(arg1(dependencyMap[18]).ExpressiveGradient, obj14);
|
|
}
|
|
}
|
|
items9 = [, ];
|
|
items9[0] = tmp39;
|
|
items9[1] = tmp13Result;
|
|
obj13.children = items9;
|
|
tmp37Result = tmp37(tmp38, obj13);
|
|
}
|
|
obj15 = {
|
|
onLayout(nativeEvent) {
|
|
nativeEvent = nativeEvent.nativeEvent;
|
|
callback({ width: nativeEvent.layout.width, height: nativeEvent.layout.height });
|
|
}
|
|
};
|
|
items10 = [, , ];
|
|
items10[0] = tmp.container;
|
|
tmp48 = jsxs;
|
|
tmp49 = View;
|
|
obj19 = arg1(dependencyMap[19]);
|
|
shadow = undefined;
|
|
if (obj19.isIOS()) {
|
|
shadow = tmp.shadow;
|
|
}
|
|
items10[1] = shadow;
|
|
obj16 = {};
|
|
num7 = 0;
|
|
if (null != first) {
|
|
num7 = 1;
|
|
}
|
|
obj16.opacity = num7;
|
|
obj16.top = tooltipY;
|
|
obj16.left = tooltipX;
|
|
items10[2] = obj16;
|
|
obj15.style = items10;
|
|
tmp51 = "bottom" === position;
|
|
if (tmp51) {
|
|
tmp52 = jsx;
|
|
tmp53 = Cursor;
|
|
obj17 = {};
|
|
obj17.position = "bottom";
|
|
obj17.adjustmentX = adjustmentX;
|
|
tmp51 = jsx(Cursor, obj17);
|
|
}
|
|
items11 = [, , ];
|
|
items11[0] = tmp51;
|
|
obj18 = {};
|
|
tmp54 = jsx;
|
|
tmp55 = createAnimatedComponent;
|
|
merged = Object.assign(tmp10);
|
|
obj18["onAccessibilityEscape"] = onDismiss;
|
|
obj18["accessible"] = false;
|
|
obj18["onPress"] = onDismiss;
|
|
items12 = [, ];
|
|
items12[0] = tmp.body;
|
|
obj23 = arg1(dependencyMap[19]);
|
|
if (obj23.isAndroid()) {
|
|
items13 = [, ];
|
|
items13[0] = tmp.shadow;
|
|
items13[1] = global.enterExitAnimatedStyles;
|
|
items14 = items13;
|
|
} else {
|
|
items14 = [];
|
|
}
|
|
arraySpreadResult = HermesBuiltin.arraySpread(items14, 1);
|
|
items12[arraySpreadResult] = buttonPressAnimationProps.style;
|
|
obj18["style"] = items12;
|
|
obj18["children"] = tmp37Result;
|
|
items11[1] = tmp54(tmp55, obj18);
|
|
tmp58 = "top" === position;
|
|
if (tmp58) {
|
|
tmp59 = jsx;
|
|
tmp60 = Cursor;
|
|
obj19 = {};
|
|
obj19.position = "top";
|
|
obj19.adjustmentX = adjustmentX;
|
|
tmp58 = jsx(Cursor, obj19);
|
|
}
|
|
items11[2] = tmp58;
|
|
obj15.children = items11;
|
|
return tmp48(tmp49, obj15);
|
|
}
|
|
}
|
|
function Cursor(arg0) {
|
|
let adjustmentX;
|
|
let position;
|
|
({ position, adjustmentX } = arg0);
|
|
const tmp = callback5();
|
|
let str = "column";
|
|
if ("top" === position) {
|
|
str = "column-reverse";
|
|
}
|
|
let obj = {};
|
|
if ("top" === position) {
|
|
obj.marginTop = -6;
|
|
let tmp3 = obj;
|
|
} else {
|
|
obj.marginBottom = -6;
|
|
tmp3 = obj;
|
|
}
|
|
obj = { style: items };
|
|
const items = [tmp.cursorContainer, tmp3, ];
|
|
obj = { flexDirection: str, left: -adjustmentX };
|
|
items[2] = obj;
|
|
const items1 = [callback3(closure_7, { style: tmp.cursorHead }), callback3(closure_7, { style: tmp.cursorSpine })];
|
|
obj.children = items1;
|
|
return callback4(closure_7, obj);
|
|
}
|
|
let closure_3 = [null];
|
|
let closure_4 = importDefault(dependencyMap[0]);
|
|
let closure_5 = importDefault(dependencyMap[1]);
|
|
let closure_6 = importAll(dependencyMap[2]);
|
|
const tmp2 = arg1(dependencyMap[3]);
|
|
({ View: closure_7, Pressable } = tmp2);
|
|
const Image = tmp2.Image;
|
|
({ jsx: closure_10, jsxs: closure_11, Fragment: closure_12 } = arg1(dependencyMap[4]));
|
|
const tmp3 = arg1(dependencyMap[4]);
|
|
let closure_13 = importDefault(dependencyMap[5]).createAnimatedComponent(Pressable);
|
|
let obj1 = arg1(dependencyMap[6]);
|
|
let obj = { container: {} };
|
|
obj = {};
|
|
const merged = Object.assign(importDefault(dependencyMap[7]).shadows.SHADOW_BUTTON_OVERLAY);
|
|
obj.shadow = obj;
|
|
obj1 = { width: importDefault(dependencyMap[7]).modules.mobile.COACHMARK_BODY_WIDTH, borderRadius: importDefault(dependencyMap[7]).radii.lg, overflow: "hidden", zIndex: 1 };
|
|
obj.body = obj1;
|
|
obj.textGap = { gap: 4 };
|
|
const importDefaultResult = importDefault(dependencyMap[5]);
|
|
obj.textOnlyPadding = { paddingHorizontal: importDefault(dependencyMap[7]).space.PX_24 };
|
|
const obj2 = { paddingHorizontal: importDefault(dependencyMap[7]).space.PX_24 };
|
|
obj.bodyBgColor = { borderWidth: 1, borderColor: importDefault(dependencyMap[7]).colors.MOBILE_COACHMARK_BORDER_DEFAULT, backgroundColor: importDefault(dependencyMap[7]).colors.MOBILE_COACHMARK_BACKGROUND_DEFAULT, borderRadius: importDefault(dependencyMap[7]).radii.lg };
|
|
const obj3 = { borderWidth: 1, borderColor: importDefault(dependencyMap[7]).colors.MOBILE_COACHMARK_BORDER_DEFAULT, backgroundColor: importDefault(dependencyMap[7]).colors.MOBILE_COACHMARK_BACKGROUND_DEFAULT, borderRadius: importDefault(dependencyMap[7]).radii.lg };
|
|
obj.gradient = { borderRadius: importDefault(dependencyMap[7]).radii.lg, overflow: "hidden" };
|
|
const obj5 = { useTopCommands: "number", GameDiversityTier4SmallBadge: "number", analyticsData: "mY3Y38", padding: importDefault(dependencyMap[7]).space.PX_16 };
|
|
obj.bodyContainer = obj5;
|
|
obj.center = { "Null": null, "Null": null };
|
|
const obj4 = { borderRadius: importDefault(dependencyMap[7]).radii.lg, overflow: "hidden" };
|
|
obj.buttonSpacing = { height: importDefault(dependencyMap[7]).modules.mobile.COACHMARK_BUTTON_SPACING };
|
|
obj.text = {};
|
|
obj.cursorContainer = {};
|
|
const obj7 = { 2122157199: "LOGIN", -2108594079: true, 1371431202: "/assets/images", 1835117963: 498, 1633059665: 498, borderRadius: importDefault(dependencyMap[7]).radii.xs, borderColor: importDefault(dependencyMap[7]).colors.INTERACTIVE_TEXT_ACTIVE };
|
|
obj.cursorHead = obj7;
|
|
const obj8 = { "Null": null, "Null": null, backgroundColor: importDefault(dependencyMap[7]).colors.INTERACTIVE_TEXT_ACTIVE };
|
|
obj.cursorSpine = obj8;
|
|
obj.image = {};
|
|
const obj6 = { height: importDefault(dependencyMap[7]).modules.mobile.COACHMARK_BUTTON_SPACING };
|
|
obj.bottomMargin = { marginBottom: importDefault(dependencyMap[7]).modules.mobile.COACHMARK_BUTTON_SPACING };
|
|
const obj9 = { marginBottom: importDefault(dependencyMap[7]).modules.mobile.COACHMARK_BUTTON_SPACING };
|
|
obj.closeButton = { position: "absolute", top: importDefault(dependencyMap[7]).modules.mobile.COACHMARK_BUTTON_SPACING, right: importDefault(dependencyMap[7]).modules.mobile.COACHMARK_BUTTON_SPACING };
|
|
let closure_14 = obj1.createStyles(obj);
|
|
let closure_15 = { flexDirection: null, marginLeft: null, gap: null, width: null, height: null };
|
|
const obj10 = { position: "absolute", top: importDefault(dependencyMap[7]).modules.mobile.COACHMARK_BUTTON_SPACING, right: importDefault(dependencyMap[7]).modules.mobile.COACHMARK_BUTTON_SPACING };
|
|
const result = arg1(dependencyMap[21]).fileFinishedImporting("design/components/Coachmark/native/Coachmark.native.tsx");
|
|
|
|
export { Coachmark };
|
|
export const CoachmarkContainer = function CoachmarkContainer(experimental_withBlurBackground) {
|
|
let obj = arg1(dependencyMap[20]);
|
|
let str = "dark";
|
|
if (!experimental_withBlurBackground.experimental_withBlurBackground) {
|
|
str = obj.useThemeContext().theme;
|
|
}
|
|
obj = { theme: str };
|
|
obj = {};
|
|
const merged = Object.assign(experimental_withBlurBackground);
|
|
obj.children = callback3(Coachmark, obj);
|
|
return callback3(arg1(dependencyMap[20]).ThemeContextProvider, obj);
|
|
};
|