Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 | 43x 43x 43x | export interface AnimationAssets {
desktop: string;
mobile: string;
fullscreen?: string;
}
interface AnimationAssetsObject {
[key: string]: AnimationAssets;
}
export const animationAssets: AnimationAssetsObject = {
animation1: {
desktop: "animation1_video_desktop.mp4",
mobile: "animation1_video_mobile.mp4",
fullscreen: "Full-Background-Animation-01.mp4",
},
animation2: {
desktop: "animation2_video_desktop.mp4",
mobile: "animation2_video_mobile.mp4",
fullscreen: "Full-Background-Animation-02.mp4",
},
animation3: {
desktop: "animation3_video_desktop.mp4",
mobile: "animation3_video_mobile.mp4",
fullscreen: "Full-Background-Animation-03.mp4",
},
animation4: {
desktop: "animation4_video_desktop.mp4",
mobile: "animation4_video_mobile.mp4",
fullscreen: "Full-Background-Animation-04.mp4",
},
animation5: {
desktop: "animation5_video_desktop.mp4",
mobile: "animation5_video_mobile.mp4",
fullscreen: "animation5_video_desktop.mp4", // fallback animation
},
};
export const DEFAULT_ANIMATION = animationAssets.animation1;
export const pageAnimations = {
acquirerProcessing: "animation1",
merchantManageMoney: "animation1",
merchantRegistration: "animation1",
emptyPaymentForm: "animation1",
acquirerSettlement: "animation2",
acquirerDisputes: "animation3",
merchantPaymentForms: "animation3",
transfers: "animation4",
merchantCustomers: "animation4",
acquirerProviders: "animation5",
merchants: "animation3",
welcome: "animation1",
manageMoney: "animation1",
customers: "animation1",
};
export type PageAnimationsType = keyof typeof pageAnimations;
|