sevatech-library 1.0.32 → 1.0.34
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.es.js
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import{Stack as t,TableCell as i,tableCellClasses as n,LinearProgress as l,linearProgressClasses as a,useTheme as s,Skeleton as d,Box as c,Icon as p,Typography as u,Link as h,Breadcrumbs as g,IconButton as m,Menu as x,MenuItem as f,CircularProgress as _,Button as b,Chip as y,Select as C,Avatar as v,Container as S,TextField as F,InputAdornment as k,Dialog as w,DialogContent as I,DialogActions as E,styled as R,Autocomplete as A,Switch as M,Slider as T}from"@mui/material";import D,{useState as B,useRef as z,useMemo as O,useCallback as L,useEffect as W,createElement as H,useId as N}from"react";import{styled as $}from"@mui/material/styles";import P from"@mui/icons-material/Link";import U from"@mui/icons-material/Check";import G from"@mui/icons-material/Remove";import V from"@mui/icons-material/FiberManualRecord";import{DatePicker as j}from"@mui/x-date-pickers/DatePicker";import{LocalizationProvider as q}from"@mui/x-date-pickers/LocalizationProvider";import{AdapterDayjs as Y}from"@mui/x-date-pickers/AdapterDayjs";import X from"dayjs";import K from"@mui/material/TextField";import{Form as Z}from"formik";import Q from"react-slick";import J from"@mui/icons-material/AttachMoney";import ee from"@mui/icons-material/Search";import{LayoutGroup as oe,motion as re}from"framer-motion";import te from"@mui/icons-material/CheckCircle";import ie from"@mui/icons-material/Refresh";const ne={xs:24,sm:32,md:40,lg:48,xl:56,"2xl":64},le={xs:8,sm:10,md:12,lg:14,xl:16,"2xl":18},ae={xs:4,sm:5,md:6,lg:7,xl:8,"2xl":9},se=e=>"string"==typeof e&&Object.prototype.hasOwnProperty.call(ne,e),de=e=>"number"==typeof e?e:se(e)?ne[e]:40,ce=e=>se(e)?e:"md",pe=e=>({"top-left":{top:0,left:0},"top-right":{top:0,right:0},"top-center":{top:0,left:"50%",transform:"translateX(-50%)"},"bottom-left":{bottom:0,left:0},"bottom-right":{bottom:0,right:0},"bottom-center":{bottom:0,left:"50%",transform:"translateX(-50%)"}}[e]);var ue=/* @__PURE__ */(e=>(e.BACKGROUND_COLOR_BADGE="#000000",e.COLOR_BADGE="#FFFFFF",e.COLOR_TITLE="#414651",e.COLOR_DESCRIPTION="#535862",e))(ue||{});const he=36,ge={large:{width:32,height:32},medium:{width:26,height:26},small:{width:18,height:18},extra_small:{width:20,height:20},extra_large:{width:36,height:36},avatar_group:{width:80,height:80}},me={50:"#EDFFFA",100:"#C3FFF2",200:"#87FFEB",300:"#42FFDC",400:"#0CF5CA",500:"#00D8B2",600:"#00AF93",700:"#008A77",800:"#026D60",900:"#07554B",950:"#003733"},xe={50:"#FAFAFA",100:"#F5F5F5",200:"#E5E5E5",300:"#D4D4D4",400:"#A3A3A3",500:"#737373",600:"#525252",700:"#404040",800:"#202626",900:"#171717",950:"#0A0A0A"},fe={50:"#F9AFAB",100:"#F3F4F6",200:"#E5E7EB",300:"#DDD5DB",400:"#9CA3AF",500:"#6B7280",600:"#4B5563",700:"#374151",800:"#1F2937",900:"#111827",950:"#030712"},_e={50:"#FEF2F2",100:"#FEE2E2",200:"#FECACA",300:"#FCASA5",400:"#F87171",500:"#EF4444",600:"#DC2626",700:"#B91C1C",800:"#991B1B",900:"#7F1D1D",950:"#450A0A"},be={50:"#FFEEB8",100:"#FFDD93",200:"#FFD08A",300:"#FDE047",400:"#FACC15",500:"#EAB308",600:"#CA8A04",700:"#A16207",800:"#854D0E",900:"#713F12",950:"#422006"},ye={50:"#F0FDF4",100:"#DCFCE7",200:"#BBF7D0",300:"#A6E96C",400:"#4ADE80",500:"#22C55E",600:"#16A34A",700:"#15803D",800:"#166534",900:"#14532D",950:"#052E16"},Ce={50:"#EFF8FF",100:"#0B8AFF",200:"#BFD8FE",300:"#93C5FD",400:"#60A5FA",500:"#3B82F6",600:"#2563EB",700:"#1D4ED8",800:"#1E40AF",900:"#1E3A8A",950:"#172554"},ve={50:"#F3F3FF",100:"#F9F9FF",200:"#DDD6FE",300:"#C4B5FD",400:"#A78BFA",500:"#8B5CF6",600:"#7C3AED",700:"#6D28D9",800:"#5B21B6",900:"#4C1D95",950:"#2E1065"},Se="scale(1.05)",Fe="0.2s",ke="24px",we="16px",Ie="8px",Ee="6px",Re="12px",Ae="10px",Me="8px",Te="3px",De={large:"22px",xl:"20px",medium:"19px",small:"12px"},Be={large:"12px",medium:"8px",small:"4px"},ze="rgba(0, 0, 0, 0.12)",Oe=/* @__PURE__ */Object.freeze(/* @__PURE__ */Object.defineProperty({__proto__:null,ANIMATION_TIME:300,BACKGROUND_SYSTEM:"#F2F2F2",BORDER_COLOR_CARD:ze,BORDER_COLOR_LAYOUT:"#E4E6E6",BORDER_RADIUS_ELEMENT:Ae,BORDER_RADIUS_ELEMENT_ACTION:"24px",BORDER_RADIUS_ELEMENT_MIDDLE:Me,BORDER_RADIUS_ELEMENT_SMALL:"6px",BORDER_RADIUS_ELEMENT_TAG:Te,BORDER_RADIUS_ELEMENT_WRAPPER:Re,FONT_SIZE_ICON:De,FONT_SIZE_LOADING:{large:40,medium:22.5,small:16},GAP_ICON_CONTENT_BY_SIZE:Be,HEIGHT_DEFAULT_TEXT_FIELD_BUTTON:"37.13px",HEIGHT_ELEMENT_OTHER:"36px",HEIGHT_HEADER:57,HEIGHT_IMAGE_DEFAULT:"40px",HEIGHT_LOGO_DEFAULT:"40px",PADDING_GAP_BUTTON:"12px",PADDING_GAP_ITEM:Ie,PADDING_GAP_ITEM_SMALL:Ee,PADDING_GAP_LAYOUT:we,PADDING_GAP_TAB:ke,PADDING_LAYOUT_HEADER:"8px 12px",SCALE_VALUE:Se,TEXT_FIELD:{FONT_SIZE_LABEL:15,FONT_SIZE_TITLE:18,FONT_SIZE_CAPTION:10},TRANSITION_TIME:Fe,VARIANT_BY_SIZE:{large:"h6",medium:"subtitle1",small:"caption"},WIDTH_COLLAPSE:55,WIDTH_LAYOUT_DESKTOP:"1200px",WIDTH_SIDEBAR:224,WIDTH_SIDEBAR_EXPAND:200,WIDTH_TEXT_FIELD:{large:300,medium:200,small:100}},Symbol.toStringTag,{value:"Module"})),Le={primary:"Inter, sans-serif"},We={"5xl":"48px","4xl":"32px","3xl":"28px","2xl":"24px",xl:"20px",lg:"18px",md:"16px",base:"14px",sm:"12px",xs:"10px"},He={bold:700,semiBold:600,medium:500,regular:400},Ne={tight:1.2,normal:1.5,relaxed:1.75,loose:2},$e={normal:"normal",underline:"underline",strikethrough:"line-through"},Pe=(e,o,r,t)=>({fontFamily:Le.primary,fontSize:"number"==typeof e?`${e}px`:e,fontWeight:o??He.regular,lineHeight:r??Ne.normal,fontStyle:t??$e.normal}),Ue={h1:Pe(We["5xl"],He.bold),h2:Pe(We["4xl"],He.bold),h3:Pe(We["3xl"],He.bold),h4:Pe(We["2xl"],He.bold),h5:Pe(We.xl,He.bold),h6:Pe(We.lg,He.bold),body:Pe(We.md,He.regular),caption:Pe(We.sm,He.regular),text14Medium:Pe(We.base,He.medium),text14Regular:Pe(We.base,He.regular),text14SemiBold:Pe(We.base,He.semiBold),text14Bold:Pe(We.base,He.bold),text12Medium:Pe(We.sm,He.medium),text12Regular:Pe(We.sm,He.regular),text12SemiBold:Pe(We.sm,He.semiBold),text12Bold:Pe(We.sm,He.bold),text10Medium:Pe(We.xs,He.medium),text10Regular:Pe(We.xs,He.regular),text10SemiBold:Pe(We.xs,He.semiBold),text10Bold:Pe(We.xs,He.bold),textFieldLabel:Pe(We.base,He.medium,Ne.relaxed),textFieldHelper:Pe(We.sm,He.regular,Ne.relaxed)},Ge={"2xl":{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"}},xl:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"}},lg:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"}},md:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"}},sm:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"}},xs:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"}},textXl:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"}},textLg:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"}},textMd:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",verticalAlign:"middle"}},textSm:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"}},textXs:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"}},textSmall:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:.1,verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:.1,verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:.1,verticalAlign:"middle"}}},Ve=["3d_rotation","ac_unit","access_alarm","access_alarms","access_time","accessibility","accessible","account_balance","account_balance_wallet","account_box","account_circle","adb","add","add_a_photo","add_alarm","add_alert","add_box","add_circle","add_circle_outline","add_location","add_shopping_cart","add_to_photos","add_to_queue","adjust","airline_seat_flat","airline_seat_flat_angled","airline_seat_individual_suite","airline_seat_legroom_extra","airline_seat_legroom_normal","airline_seat_legroom_reduced","airline_seat_recline_extra","airline_seat_recline_normal","airplanemode_active","airplanemode_inactive","airplay","airport_shuttle","alarm","alarm_add","alarm_off","alarm_on","album","all_inclusive","all_out","android","announcement","apps","archive","arrow_back","arrow_downward","arrow_drop_down","arrow_drop_down_circle","arrow_drop_up","arrow_forward","arrow_upward","art_track","aspect_ratio","assessment","assignment","assignment_ind","assignment_late","assignment_return","assignment_returned","assignment_turned_in","assistant","assistant_photo","attach_file","attach_money","attachment","audiotrack","autorenew","av_timer","backspace","backup","battery_alert","battery_charging_full","battery_full","battery_std","battery_unknown","beach_access","beenhere","block","bluetooth","bluetooth_audio","bluetooth_connected","bluetooth_disabled","bluetooth_searching","blur_circular","blur_linear","blur_off","blur_on","book","bookmark","bookmark_border","border_all","border_bottom","border_clear","border_color","border_horizontal","border_inner","border_left","border_outer","border_right","border_style","border_top","border_vertical","branding_watermark","brightness_1","brightness_2","brightness_3","brightness_4","brightness_5","brightness_6","brightness_7","brightness_auto","brightness_high","brightness_low","brightness_medium","broken_image","brush","bubble_chart","bug_report","build","burst_mode","business","business_center","cached","cake","call","call_end","call_made","call_merge","call_missed","call_missed_outgoing","call_received","call_split","call_to_action","camera","camera_alt","camera_enhance","camera_front","camera_rear","camera_roll","cancel","card_giftcard","card_membership","card_travel","casino","cast","cast_connected","center_focus_strong","center_focus_weak","change_history","chat","chat_bubble","chat_bubble_outline","check","check_box","check_box_outline_blank","check_circle","chevron_left","chevron_right","child_care","child_friendly","chrome_reader_mode","class","clear","clear_all","close","closed_caption","cloud","cloud_circle","cloud_done","cloud_download","cloud_off","cloud_queue","cloud_upload","code","collections","collections_bookmark","color_lens","colorize","comment","compare","compare_arrows","computer","confirmation_number","contact_mail","contact_phone","contacts","content_copy","content_cut","content_paste","control_point","control_point_duplicate","copyright","create","create_new_folder","credit_card","crop","crop_16_9","crop_3_2","crop_5_4","crop_7_5","crop_din","crop_free","crop_landscape","crop_original","crop_portrait","crop_rotate","crop_square","dashboard","data_usage","date_range","dehaze","delete","delete_forever","delete_sweep","description","desktop_mac","desktop_windows","details","developer_board","developer_mode","device_hub","devices","devices_other","dialer_sip","dialpad","directions","directions_bike","directions_boat","directions_bus","directions_car","directions_railway","directions_run","directions_subway","directions_transit","directions_walk","disc_full","dns","do_not_disturb","do_not_disturb_alt","do_not_disturb_off","do_not_disturb_on","dock","domain","done","done_all","donut_large","donut_small","drafts","drag_handle","drive_eta","dvr","edit","edit_location","eject","email","enhanced_encryption","equalizer","error","error_outline","euro_symbol","ev_station","event","event_available","event_busy","event_note","event_seat","exit_to_app","expand_less","expand_more","explicit","explore","exposure","exposure_neg_1","exposure_neg_2","exposure_plus_1","exposure_plus_2","exposure_zero","extension","face","fast_forward","fast_rewind","favorite","favorite_border","featured_play_list","featured_video","feedback","fiber_dvr","fiber_manual_record","fiber_new","fiber_pin","fiber_smart_record","file_download","file_upload","filter","filter_1","filter_2","filter_3","filter_4","filter_5","filter_6","filter_7","filter_8","filter_9","filter_9_plus","filter_b_and_w","filter_center_focus","filter_drama","filter_frames","filter_hdr","filter_list","filter_none","filter_tilt_shift","filter_vintage","find_in_page","find_replace","fingerprint","first_page","fitness_center","flag","flare","flash_auto","flash_off","flash_on","flight","flight_land","flight_takeoff","flip","flip_to_back","flip_to_front","folder","folder_open","folder_shared","folder_special","font_download","format_align_center","format_align_justify","format_align_left","format_align_right","format_bold","format_clear","format_color_fill","format_color_reset","format_color_text","format_indent_decrease","format_indent_increase","format_italic","format_line_spacing","format_list_bulleted","format_list_numbered","format_paint","format_quote","format_shapes","format_size","format_strikethrough","format_textdirection_l_to_r","format_textdirection_r_to_l","format_underlined","forum","forward","forward_10","forward_30","forward_5","free_breakfast","fullscreen","fullscreen_exit","functions","g_translate","gamepad","games","gavel","gesture","get_app","gif","golf_course","gps_fixed","gps_not_fixed","gps_off","grade","gradient","grain","graphic_eq","grid_off","grid_on","group","group_add","group_work","hd","hdr_off","hdr_on","hdr_strong","hdr_weak","headset","headset_mic","healing","hearing","help","help_outline","high_quality","highlight","highlight_off","history","home","hot_tub","hotel","hourglass_empty","hourglass_full","http","https","image","image_aspect_ratio","import_contacts","import_export","important_devices","inbox","indeterminate_check_box","info","info_outline","input","insert_chart","insert_comment","insert_drive_file","insert_emoticon","insert_invitation","insert_link","insert_photo","invert_colors","invert_colors_off","iso","keyboard","keyboard_arrow_down","keyboard_arrow_left","keyboard_arrow_right","keyboard_arrow_up","keyboard_backspace","keyboard_capslock","keyboard_hide","keyboard_return","keyboard_tab","keyboard_voice","kitchen","label","label_outline","landscape","language","laptop","laptop_chromebook","laptop_mac","laptop_windows","last_page","launch","layers","layers_clear","leak_add","leak_remove","lens","library_add","library_books","library_music","lightbulb_outline","line_style","line_weight","linear_scale","link","linked_camera","list","live_help","live_tv","local_activity","local_airport","local_atm","local_bar","local_cafe","local_car_wash","local_convenience_store","local_dining","local_drink","local_florist","local_gas_station","local_grocery_store","local_hospital","local_hotel","local_laundry_service","local_library","local_mall","local_movies","local_offer","local_parking","local_pharmacy","local_phone","local_pizza","local_play","local_post_office","local_printshop","local_see","local_shipping","local_taxi","location_city","location_disabled","location_off","location_on","location_searching","lock","lock_open","lock_outline","looks","looks_3","looks_4","looks_5","looks_6","looks_one","looks_two","loop","loupe","low_priority","loyalty","mail","mail_outline","map","markunread","markunread_mailbox","memory","menu","merge_type","message","mic","mic_none","mic_off","mms","mode_comment","mode_edit","monetization_on","money_off","monochrome_photos","mood","mood_bad","more","more_horiz","more_vert","motorcycle","mouse","move_to_inbox","movie","movie_creation","movie_filter","multiline_chart","music_note","music_video","my_location","nature","nature_people","navigate_before","navigate_next","navigation","near_me","network_cell","network_check","network_locked","network_wifi","new_releases","next_week","nfc","no_encryption","no_sim","not_interested","note","note_add","notifications","notifications_active","notifications_none","notifications_off","notifications_paused","offline_pin","ondemand_video","opacity","open_in_browser","open_in_new","open_with","pages","pageview","palette","pan_tool","panorama","panorama_fish_eye","panorama_horizontal","panorama_vertical","panorama_wide_angle","party_mode","pause","pause_circle_filled","pause_circle_outline","payment","people","people_outline","perm_camera_mic","perm_contact_calendar","perm_data_setting","perm_device_information","perm_identity","perm_media","perm_phone_msg","perm_scan_wifi","person","person_add","person_outline","person_pin","person_pin_circle","personal_video","pets","phone","phone_android","phone_bluetooth_speaker","phone_forwarded","phone_in_talk","phone_iphone","phone_locked","phone_missed","phone_paused","phonelink","phonelink_erase","phonelink_lock","phonelink_off","phonelink_ring","phonelink_setup","photo","photo_album","photo_camera","photo_filter","photo_library","photo_size_select_actual","photo_size_select_large","photo_size_select_small","picture_as_pdf","picture_in_picture","picture_in_picture_alt","pie_chart","pie_chart_outlined","pin_drop","place","play_arrow","play_circle_filled","play_circle_outline","play_for_work","playlist_add","playlist_add_check","playlist_play","plus_one","poll","polymer","pool","portable_wifi_off","portrait","power","power_input","power_settings_new","pregnant_woman","present_to_all","print","priority_high","public","publish","query_builder","question_answer","queue","queue_music","queue_play_next","radio","radio_button_checked","radio_button_unchecked","rate_review","receipt","recent_actors","record_voice_over","redeem","redo","refresh","remove","remove_circle","remove_circle_outline","remove_from_queue","remove_red_eye","remove_shopping_cart","reorder","repeat","repeat_one","replay","replay_10","replay_30","replay_5","reply","reply_all","report","report_problem","restaurant","restaurant_menu","restore","restore_page","ring_volume","room","room_service","rotate_90_degrees_ccw","rotate_left","rotate_right","rounded_corner","router","rowing","rss_feed","rv_hookup","satellite","save","scanner","schedule","school","screen_lock_landscape","screen_lock_portrait","screen_lock_rotation","screen_rotation","screen_share","sd_card","sd_storage","search","security","select_all","send","sentiment_dissatisfied","sentiment_neutral","sentiment_satisfied","sentiment_very_dissatisfied","sentiment_very_satisfied","settings","settings_applications","settings_backup_restore","settings_bluetooth","settings_brightness","settings_cell","settings_ethernet","settings_input_antenna","settings_input_component","settings_input_composite","settings_input_hdmi","settings_input_svideo","settings_overscan","settings_phone","settings_power","settings_remote","settings_system_daydream","settings_voice","share","shop","shop_two","shopping_basket","shopping_cart","short_text","show_chart","shuffle","signal_cellular_4_bar","signal_cellular_connected_no_internet_4_bar","signal_cellular_no_sim","signal_cellular_null","signal_cellular_off","signal_wifi_4_bar","signal_wifi_4_bar_lock","signal_wifi_off","sim_card","sim_card_alert","skip_next","skip_previous","slideshow","slow_motion_video","smartphone","smoke_free","smoking_rooms","sms","sms_failed","snooze","sort","sort_by_alpha","spa","space_bar","speaker","speaker_group","speaker_notes","speaker_notes_off","speaker_phone","spellcheck","star","star_border","star_half","stars","stay_current_landscape","stay_current_portrait","stay_primary_landscape","stay_primary_portrait","stop","stop_screen_share","storage","store","store_mall_directory","straighten","streetview","strikethrough_s","style","subdirectory_arrow_left","subdirectory_arrow_right","subject","subscriptions","subtitles","subway","supervisor_account","surround_sound","swap_calls","swap_horiz","swap_vert","swap_vertical_circle","switch_camera","switch_video","sync","sync_disabled","sync_problem","system_update","system_update_alt","tab","tab_unselected","tablet","tablet_android","tablet_mac","tag_faces","tap_and_play","terrain","text_fields","text_format","textsms","texture","theaters","thumb_down","thumb_up","thumbs_up_down","time_to_leave","timelapse","timeline","timer","timer_10","timer_3","timer_off","title","toc","today","toll","tonality","touch_app","toys","track_changes","traffic","train","tram","transfer_within_a_station","transform","translate","trending_down","trending_flat","trending_up","tune","turned_in","turned_in_not","tv","unarchive","undo","unfold_less","unfold_more","update","usb","verified_user","vertical_align_bottom","vertical_align_center","vertical_align_top","vibration","video_call","video_label","video_library","videocam","videocam_off","videogame_asset","view_agenda","view_array","view_carousel","view_column","view_comfy","view_compact","view_day","view_headline","view_list","view_module","view_quilt","view_stream","view_week","vignette","visibility","visibility_off","voice_chat","voicemail","volume_down","volume_mute","volume_off","volume_up","vpn_key","vpn_lock","wallpaper","warning","watch","watch_later","wb_auto","wb_cloudy","wb_incandescent","wb_iridescent","wb_sunny","wc","web","web_asset","weekend","whatshot","widgets","wifi","wifi_lock","wifi_tethering","work","wrap_text","youtube_searched_for","zoom_in","zoom_out","zoom_out_map"],je=$(t)(()=>({flexDirection:"row"}));$(t)(()=>({flexDirection:"row",flexWrap:"wrap"}));const qe=$(t)(()=>({flexDirection:"row",alignItems:"center"}));$(t)(()=>({flexDirection:"row",alignItems:"flex-end"})),$(t)(()=>({flexDirection:"row",justifyContent:"center"}));const Ye=$(t)(()=>({flexDirection:"row",justifyContent:"space-around"})),Xe=$(t)(()=>({flexDirection:"row",alignItems:"center",justifyContent:"center"})),Ke=$(t)(()=>({flexDirection:"row",alignItems:"center",justifyContent:"flex-end"}));$(t)(()=>({flexDirection:"row",justifyContent:"flex-end"})),$(t)(()=>({flexDirection:"row",justifyContent:"space-between"}));const Ze=$(t)(()=>({flexDirection:"row",alignItems:"center",justifyContent:"space-between"}));$(t)(()=>({flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between"})),$(t)(({theme:e})=>({backgroundColor:e.palette.background.default,padding:we,borderRadius:Ae})),$(t)(({theme:e})=>({backgroundColor:e.palette.background.paper,padding:we,borderRadius:Ae})),$(t)(()=>({flexDirection:"row",alignItems:"center",marginRight:Ee,gap:Ee})),$(t)(({theme:e})=>({border:`1px solid ${e.palette.common.white}`,borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center",background:e.palette.background.paper,width:16,height:16})),$(t)(({theme:e})=>({borderRadius:Te,backgroundColor:e.palette.background.paper,boxShadow:e.shadows[1],width:"fit-content",gap:"unset"})),$(i)(({theme:e})=>({[`&.${n.head}`]:{backgroundColor:"#008A77",color:e.palette.common.white,fontWeight:600},[`&.${n.body}`]:{fontSize:14},"&:first-of-type":{borderBottomLeftRadius:"0 !important"},"&:last-child":{borderBottomRightRadius:"0 !important"}})),$(l)(({theme:e})=>({height:10,borderRadius:5,[`&.${a.colorPrimary}`]:{backgroundColor:e.palette.grey[200],...e.applyStyles("dark",{backgroundColor:e.palette.grey[800]})},[`& .${a.bar}`]:{borderRadius:5,backgroundColor:e.palette.primary}}));var Qe=/* @__PURE__ */(e=>(e.CIRCLE="CIRCLE",e.SQUARE="SQUARE",e.FULL_WIDTH="FULL_WIDTH",e))(Qe||{});const Je=({isWrap:e=!1,children:t})=>e?/* @__PURE__ */o(je,{alignItems:"center",className:"jsdsdj",children:t}):/* @__PURE__ */o(r,{children:t}),eo=({url:r,onClick:t,sx:i={},isBorder:n=!1,isWrap:l=!1,sizeType:a=Qe.CIRCLE,size:p="medium",className:u,style:h})=>{const{palette:g}=s(),[m,x]=B(!1);let f=i;t&&(f={...f,cursor:"pointer"});const _=a===Qe.CIRCLE?"50%":a===Qe.SQUARE?"6px":0;/* @__PURE__ */
|
|
2
|
-
return e(Je,{isWrap:l,children:[!
|
|
3
|
-
/* @__PURE__ */o(c,{component:"img",src:r,onClick:t,onLoad:()=>x(!0),onError:e=>{e.currentTarget.src="/images/diamond.png"},className:u,style:h,sx:{display:
|
|
1
|
+
import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import{Stack as t,TableCell as i,tableCellClasses as n,LinearProgress as l,linearProgressClasses as a,useTheme as s,Skeleton as d,Box as c,Icon as p,Typography as u,Link as h,Breadcrumbs as m,IconButton as g,Menu as x,MenuItem as f,CircularProgress as _,Button as b,Chip as y,Select as C,Avatar as v,Container as S,TextField as F,InputAdornment as k,Dialog as w,DialogContent as I,DialogActions as E,styled as R,Autocomplete as A,Switch as M,Slider as T}from"@mui/material";import D,{useState as B,useRef as z,useMemo as O,useCallback as L,useEffect as W,createElement as H,useId as N}from"react";import{styled as $}from"@mui/material/styles";import P from"@mui/icons-material/Link";import U from"@mui/icons-material/Check";import G from"@mui/icons-material/Remove";import V from"@mui/icons-material/FiberManualRecord";import{DatePicker as j}from"@mui/x-date-pickers/DatePicker";import{LocalizationProvider as q}from"@mui/x-date-pickers/LocalizationProvider";import{AdapterDayjs as Y}from"@mui/x-date-pickers/AdapterDayjs";import X from"dayjs";import K from"@mui/material/TextField";import{Form as Z}from"formik";import Q from"react-slick";import J from"@mui/icons-material/AttachMoney";import ee from"@mui/icons-material/Search";import{LayoutGroup as oe,motion as re}from"framer-motion";import te from"@mui/icons-material/CheckCircle";import ie from"@mui/icons-material/Refresh";const ne={xs:24,sm:32,md:40,lg:48,xl:56,"2xl":64},le={xs:8,sm:10,md:12,lg:14,xl:16,"2xl":18},ae={xs:4,sm:5,md:6,lg:7,xl:8,"2xl":9},se=e=>"string"==typeof e&&Object.prototype.hasOwnProperty.call(ne,e),de=e=>"number"==typeof e?e:se(e)?ne[e]:40,ce=e=>se(e)?e:"md",pe=e=>({"top-left":{top:0,left:0},"top-right":{top:0,right:0},"top-center":{top:0,left:"50%",transform:"translateX(-50%)"},"bottom-left":{bottom:0,left:0},"bottom-right":{bottom:0,right:0},"bottom-center":{bottom:0,left:"50%",transform:"translateX(-50%)"}}[e]);var ue=/* @__PURE__ */(e=>(e.BACKGROUND_COLOR_BADGE="#000000",e.COLOR_BADGE="#FFFFFF",e.COLOR_TITLE="#414651",e.COLOR_DESCRIPTION="#535862",e))(ue||{});const he=36,me={large:{width:32,height:32},medium:{width:26,height:26},small:{width:18,height:18},extra_small:{width:20,height:20},extra_large:{width:36,height:36},avatar_group:{width:80,height:80}},ge={50:"#EDFFFA",100:"#C3FFF2",200:"#87FFEB",300:"#42FFDC",400:"#0CF5CA",500:"#00D8B2",600:"#00AF93",700:"#008A77",800:"#026D60",900:"#07554B",950:"#003733"},xe={50:"#FAFAFA",100:"#F5F5F5",200:"#E5E5E5",300:"#D4D4D4",400:"#A3A3A3",500:"#737373",600:"#525252",700:"#404040",800:"#202626",900:"#171717",950:"#0A0A0A"},fe={50:"#F9AFAB",100:"#F3F4F6",200:"#E5E7EB",300:"#DDD5DB",400:"#9CA3AF",500:"#6B7280",600:"#4B5563",700:"#374151",800:"#1F2937",900:"#111827",950:"#030712"},_e={50:"#FEF2F2",100:"#FEE2E2",200:"#FECACA",300:"#FCASA5",400:"#F87171",500:"#EF4444",600:"#DC2626",700:"#B91C1C",800:"#991B1B",900:"#7F1D1D",950:"#450A0A"},be={50:"#FFEEB8",100:"#FFDD93",200:"#FFD08A",300:"#FDE047",400:"#FACC15",500:"#EAB308",600:"#CA8A04",700:"#A16207",800:"#854D0E",900:"#713F12",950:"#422006"},ye={50:"#F0FDF4",100:"#DCFCE7",200:"#BBF7D0",300:"#A6E96C",400:"#4ADE80",500:"#22C55E",600:"#16A34A",700:"#15803D",800:"#166534",900:"#14532D",950:"#052E16"},Ce={50:"#EFF8FF",100:"#0B8AFF",200:"#BFD8FE",300:"#93C5FD",400:"#60A5FA",500:"#3B82F6",600:"#2563EB",700:"#1D4ED8",800:"#1E40AF",900:"#1E3A8A",950:"#172554"},ve={50:"#F3F3FF",100:"#F9F9FF",200:"#DDD6FE",300:"#C4B5FD",400:"#A78BFA",500:"#8B5CF6",600:"#7C3AED",700:"#6D28D9",800:"#5B21B6",900:"#4C1D95",950:"#2E1065"},Se="scale(1.05)",Fe="0.2s",ke="24px",we="16px",Ie="8px",Ee="6px",Re="12px",Ae="10px",Me="8px",Te="3px",De={large:"22px",xl:"20px",medium:"19px",small:"12px"},Be={large:"12px",medium:"8px",small:"4px"},ze="rgba(0, 0, 0, 0.12)",Oe=/* @__PURE__ */Object.freeze(/* @__PURE__ */Object.defineProperty({__proto__:null,ANIMATION_TIME:300,BACKGROUND_SYSTEM:"#F2F2F2",BORDER_COLOR_CARD:ze,BORDER_COLOR_LAYOUT:"#E4E6E6",BORDER_RADIUS_ELEMENT:Ae,BORDER_RADIUS_ELEMENT_ACTION:"24px",BORDER_RADIUS_ELEMENT_MIDDLE:Me,BORDER_RADIUS_ELEMENT_SMALL:"6px",BORDER_RADIUS_ELEMENT_TAG:Te,BORDER_RADIUS_ELEMENT_WRAPPER:Re,FONT_SIZE_ICON:De,FONT_SIZE_LOADING:{large:40,medium:22.5,small:16},GAP_ICON_CONTENT_BY_SIZE:Be,HEIGHT_DEFAULT_TEXT_FIELD_BUTTON:"37.13px",HEIGHT_ELEMENT_OTHER:"36px",HEIGHT_HEADER:57,HEIGHT_IMAGE_DEFAULT:"40px",HEIGHT_LOGO_DEFAULT:"40px",PADDING_GAP_BUTTON:"12px",PADDING_GAP_ITEM:Ie,PADDING_GAP_ITEM_SMALL:Ee,PADDING_GAP_LAYOUT:we,PADDING_GAP_TAB:ke,PADDING_LAYOUT_HEADER:"8px 12px",SCALE_VALUE:Se,TEXT_FIELD:{FONT_SIZE_LABEL:15,FONT_SIZE_TITLE:18,FONT_SIZE_CAPTION:10},TRANSITION_TIME:Fe,VARIANT_BY_SIZE:{large:"h6",medium:"subtitle1",small:"caption"},WIDTH_COLLAPSE:55,WIDTH_LAYOUT_DESKTOP:"1200px",WIDTH_SIDEBAR:224,WIDTH_SIDEBAR_EXPAND:200,WIDTH_TEXT_FIELD:{large:300,medium:200,small:100}},Symbol.toStringTag,{value:"Module"})),Le={primary:"Inter, sans-serif"},We={"5xl":"48px","4xl":"32px","3xl":"28px","2xl":"24px",xl:"20px",lg:"18px",md:"16px",base:"14px",sm:"12px",xs:"10px"},He={bold:700,semiBold:600,medium:500,regular:400},Ne={tight:1.2,normal:1.5,relaxed:1.75,loose:2},$e={normal:"normal",underline:"underline",strikethrough:"line-through"},Pe=(e,o,r,t)=>({fontFamily:Le.primary,fontSize:"number"==typeof e?`${e}px`:e,fontWeight:o??He.regular,lineHeight:r??Ne.normal,fontStyle:t??$e.normal}),Ue={h1:Pe(We["5xl"],He.bold),h2:Pe(We["4xl"],He.bold),h3:Pe(We["3xl"],He.bold),h4:Pe(We["2xl"],He.bold),h5:Pe(We.xl,He.bold),h6:Pe(We.lg,He.bold),body:Pe(We.md,He.regular),caption:Pe(We.sm,He.regular),text14Medium:Pe(We.base,He.medium),text14Regular:Pe(We.base,He.regular),text14SemiBold:Pe(We.base,He.semiBold),text14Bold:Pe(We.base,He.bold),text12Medium:Pe(We.sm,He.medium),text12Regular:Pe(We.sm,He.regular),text12SemiBold:Pe(We.sm,He.semiBold),text12Bold:Pe(We.sm,He.bold),text10Medium:Pe(We.xs,He.medium),text10Regular:Pe(We.xs,He.regular),text10SemiBold:Pe(We.xs,He.semiBold),text10Bold:Pe(We.xs,He.bold),textFieldLabel:Pe(We.base,He.medium,Ne.relaxed),textFieldHelper:Pe(We.sm,He.regular,Ne.relaxed)},Ge={"2xl":{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"}},xl:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"}},lg:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"}},md:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"}},sm:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"}},xs:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"}},textXl:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"}},textLg:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"}},textMd:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",verticalAlign:"middle"}},textSm:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"}},textXs:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"}},textSmall:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:.1,verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:.1,verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:.1,verticalAlign:"middle"}}},Ve=["3d_rotation","ac_unit","access_alarm","access_alarms","access_time","accessibility","accessible","account_balance","account_balance_wallet","account_box","account_circle","adb","add","add_a_photo","add_alarm","add_alert","add_box","add_circle","add_circle_outline","add_location","add_shopping_cart","add_to_photos","add_to_queue","adjust","airline_seat_flat","airline_seat_flat_angled","airline_seat_individual_suite","airline_seat_legroom_extra","airline_seat_legroom_normal","airline_seat_legroom_reduced","airline_seat_recline_extra","airline_seat_recline_normal","airplanemode_active","airplanemode_inactive","airplay","airport_shuttle","alarm","alarm_add","alarm_off","alarm_on","album","all_inclusive","all_out","android","announcement","apps","archive","arrow_back","arrow_downward","arrow_drop_down","arrow_drop_down_circle","arrow_drop_up","arrow_forward","arrow_upward","art_track","aspect_ratio","assessment","assignment","assignment_ind","assignment_late","assignment_return","assignment_returned","assignment_turned_in","assistant","assistant_photo","attach_file","attach_money","attachment","audiotrack","autorenew","av_timer","backspace","backup","battery_alert","battery_charging_full","battery_full","battery_std","battery_unknown","beach_access","beenhere","block","bluetooth","bluetooth_audio","bluetooth_connected","bluetooth_disabled","bluetooth_searching","blur_circular","blur_linear","blur_off","blur_on","book","bookmark","bookmark_border","border_all","border_bottom","border_clear","border_color","border_horizontal","border_inner","border_left","border_outer","border_right","border_style","border_top","border_vertical","branding_watermark","brightness_1","brightness_2","brightness_3","brightness_4","brightness_5","brightness_6","brightness_7","brightness_auto","brightness_high","brightness_low","brightness_medium","broken_image","brush","bubble_chart","bug_report","build","burst_mode","business","business_center","cached","cake","call","call_end","call_made","call_merge","call_missed","call_missed_outgoing","call_received","call_split","call_to_action","camera","camera_alt","camera_enhance","camera_front","camera_rear","camera_roll","cancel","card_giftcard","card_membership","card_travel","casino","cast","cast_connected","center_focus_strong","center_focus_weak","change_history","chat","chat_bubble","chat_bubble_outline","check","check_box","check_box_outline_blank","check_circle","chevron_left","chevron_right","child_care","child_friendly","chrome_reader_mode","class","clear","clear_all","close","closed_caption","cloud","cloud_circle","cloud_done","cloud_download","cloud_off","cloud_queue","cloud_upload","code","collections","collections_bookmark","color_lens","colorize","comment","compare","compare_arrows","computer","confirmation_number","contact_mail","contact_phone","contacts","content_copy","content_cut","content_paste","control_point","control_point_duplicate","copyright","create","create_new_folder","credit_card","crop","crop_16_9","crop_3_2","crop_5_4","crop_7_5","crop_din","crop_free","crop_landscape","crop_original","crop_portrait","crop_rotate","crop_square","dashboard","data_usage","date_range","dehaze","delete","delete_forever","delete_sweep","description","desktop_mac","desktop_windows","details","developer_board","developer_mode","device_hub","devices","devices_other","dialer_sip","dialpad","directions","directions_bike","directions_boat","directions_bus","directions_car","directions_railway","directions_run","directions_subway","directions_transit","directions_walk","disc_full","dns","do_not_disturb","do_not_disturb_alt","do_not_disturb_off","do_not_disturb_on","dock","domain","done","done_all","donut_large","donut_small","drafts","drag_handle","drive_eta","dvr","edit","edit_location","eject","email","enhanced_encryption","equalizer","error","error_outline","euro_symbol","ev_station","event","event_available","event_busy","event_note","event_seat","exit_to_app","expand_less","expand_more","explicit","explore","exposure","exposure_neg_1","exposure_neg_2","exposure_plus_1","exposure_plus_2","exposure_zero","extension","face","fast_forward","fast_rewind","favorite","favorite_border","featured_play_list","featured_video","feedback","fiber_dvr","fiber_manual_record","fiber_new","fiber_pin","fiber_smart_record","file_download","file_upload","filter","filter_1","filter_2","filter_3","filter_4","filter_5","filter_6","filter_7","filter_8","filter_9","filter_9_plus","filter_b_and_w","filter_center_focus","filter_drama","filter_frames","filter_hdr","filter_list","filter_none","filter_tilt_shift","filter_vintage","find_in_page","find_replace","fingerprint","first_page","fitness_center","flag","flare","flash_auto","flash_off","flash_on","flight","flight_land","flight_takeoff","flip","flip_to_back","flip_to_front","folder","folder_open","folder_shared","folder_special","font_download","format_align_center","format_align_justify","format_align_left","format_align_right","format_bold","format_clear","format_color_fill","format_color_reset","format_color_text","format_indent_decrease","format_indent_increase","format_italic","format_line_spacing","format_list_bulleted","format_list_numbered","format_paint","format_quote","format_shapes","format_size","format_strikethrough","format_textdirection_l_to_r","format_textdirection_r_to_l","format_underlined","forum","forward","forward_10","forward_30","forward_5","free_breakfast","fullscreen","fullscreen_exit","functions","g_translate","gamepad","games","gavel","gesture","get_app","gif","golf_course","gps_fixed","gps_not_fixed","gps_off","grade","gradient","grain","graphic_eq","grid_off","grid_on","group","group_add","group_work","hd","hdr_off","hdr_on","hdr_strong","hdr_weak","headset","headset_mic","healing","hearing","help","help_outline","high_quality","highlight","highlight_off","history","home","hot_tub","hotel","hourglass_empty","hourglass_full","http","https","image","image_aspect_ratio","import_contacts","import_export","important_devices","inbox","indeterminate_check_box","info","info_outline","input","insert_chart","insert_comment","insert_drive_file","insert_emoticon","insert_invitation","insert_link","insert_photo","invert_colors","invert_colors_off","iso","keyboard","keyboard_arrow_down","keyboard_arrow_left","keyboard_arrow_right","keyboard_arrow_up","keyboard_backspace","keyboard_capslock","keyboard_hide","keyboard_return","keyboard_tab","keyboard_voice","kitchen","label","label_outline","landscape","language","laptop","laptop_chromebook","laptop_mac","laptop_windows","last_page","launch","layers","layers_clear","leak_add","leak_remove","lens","library_add","library_books","library_music","lightbulb_outline","line_style","line_weight","linear_scale","link","linked_camera","list","live_help","live_tv","local_activity","local_airport","local_atm","local_bar","local_cafe","local_car_wash","local_convenience_store","local_dining","local_drink","local_florist","local_gas_station","local_grocery_store","local_hospital","local_hotel","local_laundry_service","local_library","local_mall","local_movies","local_offer","local_parking","local_pharmacy","local_phone","local_pizza","local_play","local_post_office","local_printshop","local_see","local_shipping","local_taxi","location_city","location_disabled","location_off","location_on","location_searching","lock","lock_open","lock_outline","looks","looks_3","looks_4","looks_5","looks_6","looks_one","looks_two","loop","loupe","low_priority","loyalty","mail","mail_outline","map","markunread","markunread_mailbox","memory","menu","merge_type","message","mic","mic_none","mic_off","mms","mode_comment","mode_edit","monetization_on","money_off","monochrome_photos","mood","mood_bad","more","more_horiz","more_vert","motorcycle","mouse","move_to_inbox","movie","movie_creation","movie_filter","multiline_chart","music_note","music_video","my_location","nature","nature_people","navigate_before","navigate_next","navigation","near_me","network_cell","network_check","network_locked","network_wifi","new_releases","next_week","nfc","no_encryption","no_sim","not_interested","note","note_add","notifications","notifications_active","notifications_none","notifications_off","notifications_paused","offline_pin","ondemand_video","opacity","open_in_browser","open_in_new","open_with","pages","pageview","palette","pan_tool","panorama","panorama_fish_eye","panorama_horizontal","panorama_vertical","panorama_wide_angle","party_mode","pause","pause_circle_filled","pause_circle_outline","payment","people","people_outline","perm_camera_mic","perm_contact_calendar","perm_data_setting","perm_device_information","perm_identity","perm_media","perm_phone_msg","perm_scan_wifi","person","person_add","person_outline","person_pin","person_pin_circle","personal_video","pets","phone","phone_android","phone_bluetooth_speaker","phone_forwarded","phone_in_talk","phone_iphone","phone_locked","phone_missed","phone_paused","phonelink","phonelink_erase","phonelink_lock","phonelink_off","phonelink_ring","phonelink_setup","photo","photo_album","photo_camera","photo_filter","photo_library","photo_size_select_actual","photo_size_select_large","photo_size_select_small","picture_as_pdf","picture_in_picture","picture_in_picture_alt","pie_chart","pie_chart_outlined","pin_drop","place","play_arrow","play_circle_filled","play_circle_outline","play_for_work","playlist_add","playlist_add_check","playlist_play","plus_one","poll","polymer","pool","portable_wifi_off","portrait","power","power_input","power_settings_new","pregnant_woman","present_to_all","print","priority_high","public","publish","query_builder","question_answer","queue","queue_music","queue_play_next","radio","radio_button_checked","radio_button_unchecked","rate_review","receipt","recent_actors","record_voice_over","redeem","redo","refresh","remove","remove_circle","remove_circle_outline","remove_from_queue","remove_red_eye","remove_shopping_cart","reorder","repeat","repeat_one","replay","replay_10","replay_30","replay_5","reply","reply_all","report","report_problem","restaurant","restaurant_menu","restore","restore_page","ring_volume","room","room_service","rotate_90_degrees_ccw","rotate_left","rotate_right","rounded_corner","router","rowing","rss_feed","rv_hookup","satellite","save","scanner","schedule","school","screen_lock_landscape","screen_lock_portrait","screen_lock_rotation","screen_rotation","screen_share","sd_card","sd_storage","search","security","select_all","send","sentiment_dissatisfied","sentiment_neutral","sentiment_satisfied","sentiment_very_dissatisfied","sentiment_very_satisfied","settings","settings_applications","settings_backup_restore","settings_bluetooth","settings_brightness","settings_cell","settings_ethernet","settings_input_antenna","settings_input_component","settings_input_composite","settings_input_hdmi","settings_input_svideo","settings_overscan","settings_phone","settings_power","settings_remote","settings_system_daydream","settings_voice","share","shop","shop_two","shopping_basket","shopping_cart","short_text","show_chart","shuffle","signal_cellular_4_bar","signal_cellular_connected_no_internet_4_bar","signal_cellular_no_sim","signal_cellular_null","signal_cellular_off","signal_wifi_4_bar","signal_wifi_4_bar_lock","signal_wifi_off","sim_card","sim_card_alert","skip_next","skip_previous","slideshow","slow_motion_video","smartphone","smoke_free","smoking_rooms","sms","sms_failed","snooze","sort","sort_by_alpha","spa","space_bar","speaker","speaker_group","speaker_notes","speaker_notes_off","speaker_phone","spellcheck","star","star_border","star_half","stars","stay_current_landscape","stay_current_portrait","stay_primary_landscape","stay_primary_portrait","stop","stop_screen_share","storage","store","store_mall_directory","straighten","streetview","strikethrough_s","style","subdirectory_arrow_left","subdirectory_arrow_right","subject","subscriptions","subtitles","subway","supervisor_account","surround_sound","swap_calls","swap_horiz","swap_vert","swap_vertical_circle","switch_camera","switch_video","sync","sync_disabled","sync_problem","system_update","system_update_alt","tab","tab_unselected","tablet","tablet_android","tablet_mac","tag_faces","tap_and_play","terrain","text_fields","text_format","textsms","texture","theaters","thumb_down","thumb_up","thumbs_up_down","time_to_leave","timelapse","timeline","timer","timer_10","timer_3","timer_off","title","toc","today","toll","tonality","touch_app","toys","track_changes","traffic","train","tram","transfer_within_a_station","transform","translate","trending_down","trending_flat","trending_up","tune","turned_in","turned_in_not","tv","unarchive","undo","unfold_less","unfold_more","update","usb","verified_user","vertical_align_bottom","vertical_align_center","vertical_align_top","vibration","video_call","video_label","video_library","videocam","videocam_off","videogame_asset","view_agenda","view_array","view_carousel","view_column","view_comfy","view_compact","view_day","view_headline","view_list","view_module","view_quilt","view_stream","view_week","vignette","visibility","visibility_off","voice_chat","voicemail","volume_down","volume_mute","volume_off","volume_up","vpn_key","vpn_lock","wallpaper","warning","watch","watch_later","wb_auto","wb_cloudy","wb_incandescent","wb_iridescent","wb_sunny","wc","web","web_asset","weekend","whatshot","widgets","wifi","wifi_lock","wifi_tethering","work","wrap_text","youtube_searched_for","zoom_in","zoom_out","zoom_out_map"],je=$(t)(()=>({flexDirection:"row"}));$(t)(()=>({flexDirection:"row",flexWrap:"wrap"}));const qe=$(t)(()=>({flexDirection:"row",alignItems:"center"}));$(t)(()=>({flexDirection:"row",alignItems:"flex-end"})),$(t)(()=>({flexDirection:"row",justifyContent:"center"}));const Ye=$(t)(()=>({flexDirection:"row",justifyContent:"space-around"})),Xe=$(t)(()=>({flexDirection:"row",alignItems:"center",justifyContent:"center"})),Ke=$(t)(()=>({flexDirection:"row",alignItems:"center",justifyContent:"flex-end"}));$(t)(()=>({flexDirection:"row",justifyContent:"flex-end"})),$(t)(()=>({flexDirection:"row",justifyContent:"space-between"}));const Ze=$(t)(()=>({flexDirection:"row",alignItems:"center",justifyContent:"space-between"}));$(t)(()=>({flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between"})),$(t)(({theme:e})=>({backgroundColor:e.palette.background.default,padding:we,borderRadius:Ae})),$(t)(({theme:e})=>({backgroundColor:e.palette.background.paper,padding:we,borderRadius:Ae})),$(t)(()=>({flexDirection:"row",alignItems:"center",marginRight:Ee,gap:Ee})),$(t)(({theme:e})=>({border:`1px solid ${e.palette.common.white}`,borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center",background:e.palette.background.paper,width:16,height:16})),$(t)(({theme:e})=>({borderRadius:Te,backgroundColor:e.palette.background.paper,boxShadow:e.shadows[1],width:"fit-content",gap:"unset"})),$(i)(({theme:e})=>({[`&.${n.head}`]:{backgroundColor:"#008A77",color:e.palette.common.white,fontWeight:600},[`&.${n.body}`]:{fontSize:14},"&:first-of-type":{borderBottomLeftRadius:"0 !important"},"&:last-child":{borderBottomRightRadius:"0 !important"}})),$(l)(({theme:e})=>({height:10,borderRadius:5,[`&.${a.colorPrimary}`]:{backgroundColor:e.palette.grey[200],...e.applyStyles("dark",{backgroundColor:e.palette.grey[800]})},[`& .${a.bar}`]:{borderRadius:5,backgroundColor:e.palette.primary}}));var Qe=/* @__PURE__ */(e=>(e.CIRCLE="CIRCLE",e.SQUARE="SQUARE",e.FULL_WIDTH="FULL_WIDTH",e))(Qe||{});const Je=({isWrap:e=!1,children:t})=>e?/* @__PURE__ */o(je,{alignItems:"center",className:"jsdsdj",children:t}):/* @__PURE__ */o(r,{children:t}),eo=({url:r,onClick:t,sx:i={},isBorder:n=!1,isWrap:l=!1,sizeType:a=Qe.CIRCLE,size:p="medium",className:u,style:h})=>{const{palette:m}=s(),[g,x]=B(!1);let f=i;t&&(f={...f,cursor:"pointer"});const _=a===Qe.CIRCLE?"50%":a===Qe.SQUARE?"6px":0;/* @__PURE__ */
|
|
2
|
+
return e(Je,{isWrap:l,children:[!g&&/* @__PURE__ */o(d,{variant:"rectangular",sx:{...me[p],borderRadius:_}}),
|
|
3
|
+
/* @__PURE__ */o(c,{component:"img",src:r,onClick:t,onLoad:()=>x(!0),onError:e=>{e.currentTarget.src="/images/diamond.png"},className:u,style:h,sx:{display:g?"block":"none",...me[p],objectFit:"cover",borderRadius:_,border:n?`1px solid ${m.divider}`:"none",...f}})]})},oo=({url:r,size:t="md",border:i=!1,borderColor:n="#C3FFF2",borderWidth:l=4,onClick:a,sx:s={},children:d,...p})=>{const u={width:de(t),height:de(t),borderRadius:"50%",position:"relative",overflow:"hidden",...i&&{border:`${l}px solid ${n}`},...s};return!r&&d?/* @__PURE__ */o(c,{...p,onClick:a,sx:{...u,display:"flex",alignItems:"center",justifyContent:"center",bgcolor:"#EDF2F7",color:"#111827",...a&&{cursor:"pointer"}},children:d}):/* @__PURE__ */e(c,{sx:u,children:[
|
|
4
4
|
/* @__PURE__ */o(eo,{...p,url:r||"/images/avatarDefault.png",onClick:a,sx:{width:"100%",height:"100%",...a&&{cursor:"pointer"}}}),d&&/* @__PURE__ */o(c,{sx:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none"},children:d})]})},ro=({text:e="LIVE",size:r="md"})=>{const{typography:t}=s();/* @__PURE__ */
|
|
5
5
|
return o(c,{sx:{bgcolor:ue.BACKGROUND_COLOR_BADGE,color:ue.COLOR_BADGE,borderRadius:"12px",padding:"3px 6px",fontSize:ae[ce(r)],fontWeight:t.body2.fontWeight},children:e})},to=({number:e,size:r="md"})=>{const{typography:t}=s();/* @__PURE__ */
|
|
6
|
-
return o(c,{sx:{bgcolor:ue.BACKGROUND_COLOR_BADGE,color:ue.COLOR_BADGE,borderRadius:"50%",width:le[ce(r)],height:le[ce(r)],display:"flex",alignItems:"center",justifyContent:"center",fontSize:ae[ce(r)],fontWeight:t.h2.fontWeight},children:e})},io=({size:e="md"})=>/* @__PURE__ */o(c,{sx:{width:le[ce(e)],height:le[ce(e)],borderRadius:"50%",bgcolor:"#4CAF50",border:"2px solid white"}}),no=({url:e,size:r="md"})=>/* @__PURE__ */o(c,{component:"img",src:e,alt:"badge",sx:{width:le[ce(r)],height:le[ce(r)],borderRadius:"50%",objectFit:"cover",display:"flex",alignItems:"center",justifyContent:"center"}}),lo=({url:r,size:t="md",border:i=!1,borderColor:n="#C3FFF2",borderWidth:l=4,badge:a,badgePosition:s="bottom-right",onClick:d,sx:p={},sxProfile:u={},children:h,...
|
|
6
|
+
return o(c,{sx:{bgcolor:ue.BACKGROUND_COLOR_BADGE,color:ue.COLOR_BADGE,borderRadius:"50%",width:le[ce(r)],height:le[ce(r)],display:"flex",alignItems:"center",justifyContent:"center",fontSize:ae[ce(r)],fontWeight:t.h2.fontWeight},children:e})},io=({size:e="md"})=>/* @__PURE__ */o(c,{sx:{width:le[ce(e)],height:le[ce(e)],borderRadius:"50%",bgcolor:"#4CAF50",border:"2px solid white"}}),no=({url:e,size:r="md"})=>/* @__PURE__ */o(c,{component:"img",src:e,alt:"badge",sx:{width:le[ce(r)],height:le[ce(r)],borderRadius:"50%",objectFit:"cover",display:"flex",alignItems:"center",justifyContent:"center"}}),lo=({url:r,size:t="md",border:i=!1,borderColor:n="#C3FFF2",borderWidth:l=4,badge:a,badgePosition:s="bottom-right",onClick:d,sx:p={},sxProfile:u={},children:h,...m})=>{const g=a&&D.isValidElement(a)?D.cloneElement(a,{size:t}):a;/* @__PURE__ */
|
|
7
7
|
return e(c,{sx:{position:"relative",display:"inline-flex",width:de(t),height:de(t),...p},children:[
|
|
8
|
-
/* @__PURE__ */o(oo,{url:r,size:t,border:i,borderWidth:l,borderColor:n,onClick:d,sx:u,...
|
|
8
|
+
/* @__PURE__ */o(oo,{url:r,size:t,border:i,borderWidth:l,borderColor:n,onClick:d,sx:u,...m,children:h}),g&&/* @__PURE__ */o(c,{sx:{position:"absolute",...pe(s)},children:g})]})},ao=({icon:e,size:r="medium",color:t,disabled:i,onClick:n,sx:l,fill:a=0})=>{const{palette:d}=s();i&&(n=void 0,t="disabled"),n&&(l={cursor:"pointer","&:hover":{color:t?"none":d.primary.main},...l});/* @__PURE__ */
|
|
9
|
+
return o(p,{onClick:n,color:t,sx:{cursor:"inherit",fontSize:"number"==typeof r?r:De[r],fontVariationSettings:`'FILL' ${a}, 'wght' 100, 'GRAD' 200, 'opsz' ${"number"==typeof r?r:24}`,...l},component:"span",className:"material-symbols-rounded",children:e})},so=({avatars:r=[],maxDisplay:t=10,size:i="md",border:n=!0,borderColor:l="#FFFFFF",borderWidth:a=2,onAddClick:s,overlap:d=8,icon:p,sxAvatar:u,sx:h})=>{const m=r.slice(0,t),g=r.length-t,x=de(i);/* @__PURE__ */
|
|
9
10
|
return e(qe,{sx:{gap:1,...h},children:[
|
|
10
|
-
/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"center"},children:[
|
|
11
|
-
/* @__PURE__ */o(lo,{url:n,size:l,border:a,borderColor:s,borderWidth:d,badge:c,badgePosition:p,onClick:h,sx:
|
|
11
|
+
/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"center"},children:[m.map((e,r)=>/* @__PURE__ */o(c,{sx:{marginLeft:r>0?`-${d}px`:0,position:"relative"},children:/* @__PURE__ */o(lo,{url:e.url,size:i,border:n,borderColor:l,borderWidth:a,sx:u})},e.id||r)),g>0&&/* @__PURE__ */e(c,{sx:{marginLeft:`-${d}px`,position:"relative",color:"#07554B",backgroundColor:"#EDFFFA",width:x,height:x,display:"flex",alignItems:"center",justifyContent:"center",border:"2px solid #ffffff",borderRadius:"50%",...Ge.textMd.medium},children:["+",g]})]}),p&&/* @__PURE__ */o(c,{sx:{width:x,height:x,borderRadius:"50%",border:"2px dashed #D1D5DB",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"all 0.2s","&:hover":{borderColor:"primary.main"}},onClick:s,children:/* @__PURE__ */o(ao,{icon:p,sx:{color:"primary.main"}})})]})},co=({title:r,description:i,url:n,size:l="md",border:a,borderColor:s,borderWidth:d,badge:c,badgePosition:p,onClick:h,sx:m,sxAvatar:g,children:x,...f})=>/* @__PURE__ */e(t,{direction:"row",alignItems:"center",sx:{gap:Ae,...m},children:[
|
|
12
|
+
/* @__PURE__ */o(lo,{url:n,size:l,border:a,borderColor:s,borderWidth:d,badge:c,badgePosition:p,onClick:h,sx:g,...f,children:x}),
|
|
12
13
|
/* @__PURE__ */e(t,{sx:{gap:0},children:[
|
|
13
14
|
/* @__PURE__ */o(u,{noWrap:!0,sx:{...Ge.textSm.semiBold,color:ue.COLOR_TITLE},children:r}),
|
|
14
15
|
/* @__PURE__ */o(u,{noWrap:!0,sx:{...Ge.textXs.regular,color:ue.COLOR_DESCRIPTION},children:i})]})]}),po=({content:e,sx:r={},...t})=>{/* @__PURE__ */
|
|
@@ -16,70 +17,70 @@ return o(u,{sx:{...(i=1,{display:"-webkit-box",overflow:"hidden",WebkitBoxOrient
|
|
|
16
17
|
/* @__PURE__ */o(eo,{sx:{width:de(p),height:de(p),...c&&{cursor:"pointer"}},url:d||"/images/avatarDefault.png",sizeType:Qe.SQUARE}),
|
|
17
18
|
/* @__PURE__ */e(t,{sx:{gap:0},children:[
|
|
18
19
|
/* @__PURE__ */o(po,{sx:{...Ge.textLg.semiBold,color:a},content:r}),i&&/* @__PURE__ */e(h,{href:n,onClick:l,sx:{display:"flex",alignItems:"center",gap:.5,textDecoration:"underline",color:s,...Ge.textSm.regular,cursor:"pointer","&:hover":{opacity:.8}},children:[
|
|
19
|
-
/* @__PURE__ */o(P,{sx:{fontSize:16,color:s}}),i]})]})]}),ho={">":"/images/icon/chevron-right.svg","/":"/images/icon/slash-separator.svg"},
|
|
20
|
+
/* @__PURE__ */o(P,{sx:{fontSize:16,color:s}}),i]})]})]}),ho={">":"/images/icon/chevron-right.svg","/":"/images/icon/slash-separator.svg"},mo=({items:r,separator:t=">",maxItems:i=5,idSelect:n,sx:l,sxItem:a,onChange:s})=>{const[d,c]=B(null),p=r.length>i,u=p?[r[0],...r.slice(-2)]:r,_=p?r.slice(1,-2):[],b=()=>{c(null)},y=r=>{const t=r.id===n;/* @__PURE__ */
|
|
20
21
|
return e(h,{href:r.href,onClick:e=>{r.onClick&&(e.preventDefault(),r.onClick()),s&&s(r.id)},sx:{display:"flex",alignItems:"center",gap:Be.medium,...Ge.textSm.semiBold,color:t?"#000000":"#676E76",cursor:"pointer",textDecoration:"none",...a},children:[r.icon&&/* @__PURE__ */o(ao,{icon:r.icon}),r.label]},r.id)},C=()=>/* @__PURE__ */o(eo,{sx:{width:14,height:14},url:ho[t]});/* @__PURE__ */
|
|
21
22
|
return e(D.Fragment,{children:[
|
|
22
|
-
/* @__PURE__ */o(
|
|
23
|
-
/* @__PURE__ */o(
|
|
23
|
+
/* @__PURE__ */o(m,{"aria-label":"breadcrumb",sx:{...l},children:p?/* @__PURE__ */e(qe,{sx:{gap:Be.small},children:[y(r[0]),C(),
|
|
24
|
+
/* @__PURE__ */o(g,{size:"small",onClick:e=>{c(e.currentTarget)},sx:{p:0,mt:"auto"},children:/* @__PURE__ */o(ao,{icon:"more_horiz"})}),C(),u.slice(1).map((o,r)=>/* @__PURE__ */e(D.Fragment,{children:[r>0&&C(),y(o)]},o.id))]}):r.map(e=>y(e))}),
|
|
24
25
|
/* @__PURE__ */o(x,{anchorEl:d,open:Boolean(d),onClose:b,disableScrollLock:!0,children:_.map(r=>{const t=r.id===n;/* @__PURE__ */
|
|
25
|
-
return e(f,{onClick:()=>{r.onClick&&r.onClick(),b()},sx:{gap:Be.medium,color:t?"#0F766E":"#111827",bgcolor:t?"#E0F2FE":"transparent"},children:[r.icon&&/* @__PURE__ */o(ao,{icon:r.icon}),r.label]},r.id)})})]})},
|
|
26
|
-
return o(b,{sx:{...S,...y},disabled:
|
|
27
|
-
return o("div",{style:n,children:r&&r})},vo={default:{border:"#D0D5DD",background:"#FFFFFF",hoverBg:"#F0FDF9"},checked:{border:"#07554B",filledBg:"#07554B",outlinedBg:"#FFFFFF",icon:"#FFFFFF"},disabled:{border:"#E4E7EC",background:"#F2F4F7",icon:"#98A2B3"}},So={default:"#344054",disabled:"#D0D5DD"},Fo={small:{boxSize:16,iconSize:14,titleFontSize:14,titleFontWeight:500},medium:{boxSize:20,iconSize:16,titleFontSize:16,titleFontWeight:600}},ko=({checked:r=!1,disabled:t=!1,shape:i="square",size:n="medium",variant:l="filled",iconType:a="check",title:s,children:d,onChange:c,sxCheckbox:p,sxLabel:h,sx:
|
|
26
|
+
return e(f,{onClick:()=>{r.onClick&&r.onClick(),b()},sx:{gap:Be.medium,color:t?"#0F766E":"#111827",bgcolor:t?"#E0F2FE":"transparent"},children:[r.icon&&/* @__PURE__ */o(ao,{icon:r.icon}),r.label]},r.id)})})]})},go={light:100,main:500,dark:700},xo={xs:{padding:"6px 12px",fontSize:"10px",height:"28px"},sm:{padding:"8px 16px",fontSize:"12px",height:"32px"},md:{padding:"16px 28px",fontSize:"14px",height:"60px",width:"192px"},lg:{padding:"12px 24px",fontSize:"16px",height:"44px"},xl:{padding:"14px 32px",fontSize:"18px",height:"48px"}},fo={brand:ge,neutral:xe,error:_e,warning:be,success:ye,accent:ve,info:Ce},_o={ACTIVE_DOT_SIZE:8,ACTIVE_DOT_MARGIN_RIGHT:8,SPINNER_SIZE:16,GAP:8,BORDER_RADIUS:4,TRANSITION_DURATION:"0.3s"},bo={HOVER_TRANSLATE_Y:"-2px",ACTIVE_TRANSLATE_Y:"0",BOX_SHADOW:"0 4px 12px rgba(0, 0, 0, 0.15)",FOCUS_OFFSET:"2px"},yo=({variant:t="solid",color:i="brand",shade:n="dark",size:l="md",prefix:a,suffix:s,prefixIcon:d,suffixIcon:c,iconStyle:p,loading:u=!1,children:h,fullWidth:m=!1,disabled:g=!1,active:x=!1,activeDotColor:f="#10b981",sx:y,sizePadding:C="md",...v})=>{const S=((e,o,r,t,i,n)=>{const l="string"==typeof o&&!(o in fo),a=l?fo.neutral:fo[o],s=l?o:void 0,d=xo[n]||xo.md;let c;c=s||("number"==typeof r?a[r]||a[700]:a[go[r]||700]);const p=a[100],u={padding:d.padding,fontFamily:Ue.body.fontFamily,fontWeight:Ue.body.fontWeight,borderRadius:`${_o.BORDER_RADIUS}px`,gap:`${_o.GAP}px`,textTransform:"none",transition:`all ${_o.TRANSITION_DURATION} ease`,"&:hover":{transform:`translateY(${bo.HOVER_TRANSLATE_Y})`,boxShadow:bo.BOX_SHADOW},"&:active":{transform:`translateY(${bo.ACTIVE_TRANSLATE_Y})`},"&:focus-visible":{outline:`1px solid ${c}`,outlineOffset:bo.FOCUS_OFFSET}},h={solid:{backgroundColor:c,color:"#ffffff","&:hover":{...u["&:hover"],backgroundColor:c},"&:focus-visible":{...u["&:focus-visible"],outline:"1px solid #ffffff"}},outline:{backgroundColor:"transparent",color:c,border:`1px solid ${c}`,"&:hover":{...u["&:hover"],backgroundColor:"transparent",border:`1px solid ${c}`}},ghost:{backgroundColor:p,color:c,"&:hover":{...u["&:hover"],backgroundColor:p}},text:{backgroundColor:"transparent",color:c,border:"none","&:hover":{...u["&:hover"],backgroundColor:"transparent"}}};return{...u,...h[e]}})(t,i,n,0,0,C),F=u?/* @__PURE__ */o(_,{size:_o.SPINNER_SIZE,sx:{color:xe[50]}}):d?/* @__PURE__ */o(ao,{icon:d,sx:p}):a||null,k=c?/* @__PURE__ */o(ao,{icon:c,sx:p}):s||null,w=!h&&!x&&(F||k);/* @__PURE__ */
|
|
27
|
+
return o(b,{sx:{...S,...y},disabled:g||u,fullWidth:m,startIcon:w?void 0:F,endIcon:w?void 0:k,...v,children:/* @__PURE__ */e(r,w?{children:[F,k]}:{children:[x?/* @__PURE__ */o("span",{style:{width:`${_o.ACTIVE_DOT_SIZE}px`,height:`${_o.ACTIVE_DOT_SIZE}px`,borderRadius:"50%",backgroundColor:f,display:"inline-block",flexShrink:0,marginRight:`${_o.ACTIVE_DOT_MARGIN_RIGHT}px`}}):null,h]})})},Co=({layout:e,children:r,gap:t=12,style:i})=>{const n={display:"flex",flexDirection:"horizontal"===e?"row":"column",gap:`${t}px`,alignItems:"horizontal"===e?"center":"stretch",...i};/* @__PURE__ */
|
|
28
|
+
return o("div",{style:n,children:r&&r})},vo={default:{border:"#D0D5DD",background:"#FFFFFF",hoverBg:"#F0FDF9"},checked:{border:"#07554B",filledBg:"#07554B",outlinedBg:"#FFFFFF",icon:"#FFFFFF"},disabled:{border:"#E4E7EC",background:"#F2F4F7",icon:"#98A2B3"}},So={default:"#344054",disabled:"#D0D5DD"},Fo={small:{boxSize:16,iconSize:14,titleFontSize:14,titleFontWeight:500},medium:{boxSize:20,iconSize:16,titleFontSize:16,titleFontWeight:600}},ko=({checked:r=!1,disabled:t=!1,shape:i="square",size:n="medium",variant:l="filled",iconType:a="check",title:s,children:d,onChange:c,sxCheckbox:p,sxLabel:h,sx:m})=>{const g=Fo[n],x="filled"===l,f=()=>{t||c?.(!r)},_=t?vo.disabled.background:r?x?p?.backgroundColor||vo.checked.filledBg:vo.checked.outlinedBg:vo.default.background,b=t?vo.disabled.border:r?p?.borderColor||vo.checked.border:vo.default.border,y=t?vo.disabled.icon:p?.color?p.color:x?vo.checked.icon:vo.checked.border,C=/* @__PURE__ */o(Xe,{role:"checkbox",tabIndex:t?-1:0,"aria-checked":r,onClick:f,onKeyDown:e=>{t||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),f())},sx:{width:g.boxSize,height:g.boxSize,cursor:t?"not-allowed":"pointer",userSelect:"none",borderRadius:"circle"===i?"50%":`calc(${Me} / 2)`,border:`1px solid ${b}`,backgroundColor:_,transition:`all ${Fe} ease`,...!t&&(!r||!x)&&{"&:hover":{borderColor:p?.backgroundColor||vo.checked.border,backgroundColor:vo.default.hoverBg}},"&:focus-visible":{outline:"none",boxShadow:"0 0 0 3px rgba(14, 147, 132, 0.25)"},...t&&{opacity:.4},...p},children:(()=>{if(!r)return null;const e={width:g.iconSize,height:g.iconSize,color:y};switch(a){case"check":/* @__PURE__ */
|
|
28
29
|
return o(U,{sx:e});case"minus":/* @__PURE__ */
|
|
29
30
|
return o(G,{sx:e});case"dot":/* @__PURE__ */
|
|
30
|
-
return o(V,{sx:{...e,width:
|
|
31
|
-
/* @__PURE__ */o(u,{fontSize:
|
|
32
|
-
return e(c,{onClick:()=>{t||p?.(!r)},sx:{display:"flex",alignItems:"flex-start",gap:"12px",cursor:t?"not-allowed":"pointer",width:"fit-content",...
|
|
31
|
+
return o(V,{sx:{...e,width:g.iconSize-3,height:g.iconSize-3}});case"custom":return d;default:return null}})()});return s?/* @__PURE__ */e(qe,{gap:Ie,onClick:f,sx:{cursor:t?"not-allowed":"pointer",...m},children:[C,
|
|
32
|
+
/* @__PURE__ */o(u,{fontSize:g.titleFontSize,fontWeight:g.titleFontWeight,color:t?So.disabled:So.default,sx:{userSelect:"none",...h},children:s})]}):C},wo={small:{titleFontSize:14,titleFontWeight:500,contentFontSize:14,lineHeight:"20px"},medium:{titleFontSize:16,titleFontWeight:600,contentFontSize:16,lineHeight:"24px"}},Io=({checked:r=!1,disabled:t=!1,title:i,content:n,size:l="medium",variant:a="filled",shape:s="square",iconType:d="check",onChange:p,sxCheckbox:h,sxLabel:m,sx:g})=>{const x=wo[l];/* @__PURE__ */
|
|
33
|
+
return e(c,{onClick:()=>{t||p?.(!r)},sx:{display:"flex",alignItems:"flex-start",gap:"12px",cursor:t?"not-allowed":"pointer",width:"fit-content",...g},children:[
|
|
33
34
|
/* @__PURE__ */o(ko,{checked:r,disabled:t,size:l,variant:a,shape:s,iconType:d,onChange:p,sxCheckbox:h}),
|
|
34
35
|
/* @__PURE__ */e(c,{children:[
|
|
35
|
-
/* @__PURE__ */o(u,{fontSize:x.titleFontSize,fontWeight:x.titleFontWeight,lineHeight:x.lineHeight,sx:{userSelect:"none",...t&&{opacity:.6},...
|
|
36
|
+
/* @__PURE__ */o(u,{fontSize:x.titleFontSize,fontWeight:x.titleFontWeight,lineHeight:x.lineHeight,sx:{userSelect:"none",...t&&{opacity:.6},...m},children:i}),n&&/* @__PURE__ */o(u,{fontSize:x.contentFontSize,lineHeight:x.lineHeight,sx:{mt:"4px",userSelect:"none",...t&&{opacity:.6},...m},children:n})]})]})},Eo={small:"16px",medium:"18px",large:"22px"},Ro={WITH_ICON_LEFT:"4px 8px 4px 4px",WITH_ICON_RIGHT:"4px 4px 4px 8px",NO_ICON:"4px 8px"},Ao={small:{height:24,fontSize:"12px",borderRadius:"12px",iconSize:"16px"},medium:{height:32,fontSize:"14px",borderRadius:"16px",iconSize:"18px"},large:{height:40,fontSize:"16px",borderRadius:"20px",iconSize:"22px"}},Mo=(e,o)=>e?"left"===o?Ro.WITH_ICON_LEFT:Ro.WITH_ICON_RIGHT:Ro.NO_ICON,To=({icon:e,size:r,sxIcon:t})=>/* @__PURE__ */o(c,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",padding:"2px","& svg":{width:r,height:r,display:"block"},...t},children:e}),Do=({label:r,onAction:t,icon:i,disabled:n=!1,clickable:l=!0,sx:a,sxIcon:s,iconPosition:d="right",size:p="medium"})=>{const u=Ao[p],h=Boolean(i);/* @__PURE__ */
|
|
36
37
|
return o(y,{disabled:n,clickable:l,onClick:t,label:/* @__PURE__ */e(qe,{sx:{gap:"8px"},children:[h&&"left"===d&&/* @__PURE__ */o(To,{icon:i,size:u.iconSize,sxIcon:s}),
|
|
37
|
-
/* @__PURE__ */o(c,{component:"span",children:r}),h&&"right"===d&&/* @__PURE__ */o(To,{icon:i,size:u.iconSize,sxIcon:s})]}),sx:{height:u.height,fontSize:u.fontSize,borderRadius:u.borderRadius,cursor:l?"pointer":"default",backgroundColor:"transparent",border:"1px solid #D1D5DB","& .MuiChip-label":{padding:Mo(h,d),display:"flex",alignItems:"center"},"& .MuiChip-label svg":{flexShrink:0,color:"#4B5563"},"&.Mui-disabled":{opacity:.5,color:"#9E9E9E"},...a}})},Bo=({label:r="Label",placeholder:t="DD/MM/YYYY",value:i,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:p=6,helperText:h="",onChange:
|
|
38
|
+
/* @__PURE__ */o(c,{component:"span",children:r}),h&&"right"===d&&/* @__PURE__ */o(To,{icon:i,size:u.iconSize,sxIcon:s})]}),sx:{height:u.height,fontSize:u.fontSize,borderRadius:u.borderRadius,cursor:l?"pointer":"default",backgroundColor:"transparent",border:"1px solid #D1D5DB","& .MuiChip-label":{padding:Mo(h,d),display:"flex",alignItems:"center"},"& .MuiChip-label svg":{flexShrink:0,color:"#4B5563"},"&.Mui-disabled":{opacity:.5,color:"#9E9E9E"},...a}})},Bo=({label:r="Label",placeholder:t="DD/MM/YYYY",value:i,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:p=6,helperText:h="",onChange:m,locale:g="vi",format:x="DD/MM/YYYY",required:f=!1,sx:_,disablePastDates:b=!1,...y})=>{const C=i&&"string"==typeof i?X(i,x):i instanceof X?i:null;/* @__PURE__ */
|
|
38
39
|
return e(c,{sx:{..._},children:[r&&/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[
|
|
39
40
|
/* @__PURE__ */o(u,{sx:{...Ue.text14Bold,color:fe[800]},children:r}),f&&/* @__PURE__ */o(u,{sx:{color:_e[500],...Ue.text14Bold},children:"*"})]}),
|
|
40
|
-
/* @__PURE__ */o(q,{dateAdapter:Y,adapterLocale:
|
|
41
|
-
return o(q,{dateAdapter:Y,adapterLocale:
|
|
41
|
+
/* @__PURE__ */o(q,{dateAdapter:Y,adapterLocale:g,children:/* @__PURE__ */o(j,{value:C,onChange:e=>{m?.(e)},disabled:n,shouldDisableDate:e=>!!b&&e.isBefore(X(),"day"),inputFormat:x,slotProps:{textField:{placeholder:t,error:l||!1,helperText:l?s:h,size:"small",fullWidth:!0,disabled:n,required:f},openPickerButton:{size:"small"}},slots:{openPickerIcon:e=>/* @__PURE__ */o(ao,{icon:"calendar_today",...e})},sx:{width:"100%","& .MuiPickersInputBase-root":{borderRadius:"max"===p?"100px":`${p}px`,"& fieldset":{borderColor:xe[300]},"&:hover fieldset":{borderColor:xe[400]},"&.Mui-focused fieldset":{borderColor:xe[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:xe[100],"& fieldset":{borderColor:xe[200]},"& input":{color:xe[400],WebkitTextFillColor:xe[400]}},"&.Mui-error fieldset":{borderColor:_e[500]},"&.Mui-error.Mui-focused fieldset":{borderColor:_e[500],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"},...a&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${ye[100]}`}}},"& .MuiInputBase-input":{...Ue.text14Regular,padding:"8px 10px",color:fe[900],"&::placeholder":{color:xe[400],opacity:.7}}},...y})}),a&&!l&&d&&/* @__PURE__ */o(u,{sx:{...Ue.textFieldHelper,color:ye[500],marginTop:"4px"},children:d})]})},zo=({label:r="Date Range",fromDate:t,toDate:i,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:p=6,helperText:h="",onChange:m,locale:g="vi",format:x="DD/MM/YYYY",minDate:f,maxDate:_,required:b=!1,sx:y,disablePastDates:C=!1,...v})=>{const S=t&&"string"==typeof t?X(t,x):t instanceof X?t:null,F=i&&"string"==typeof i?X(i,x):i instanceof X?i:null,[k,w]=B(!1),[I,E]=B("from"),R=z(null);/* @__PURE__ */
|
|
42
|
+
return o(q,{dateAdapter:Y,adapterLocale:g,children:/* @__PURE__ */e(c,{sx:{...y},children:[r&&/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[
|
|
42
43
|
/* @__PURE__ */o(u,{sx:{...Ue.text14Bold,color:fe[800]},children:r}),b&&/* @__PURE__ */o(u,{sx:{color:_e[500],...Ue.text14Bold},children:"*"})]}),
|
|
43
44
|
/* @__PURE__ */e(c,{ref:R,onClick:n?void 0:()=>{w(!0),S||F||E("from")},sx:{display:"flex",alignItems:"center",gap:"12px",padding:"12px 8px",borderRadius:"max"===p?"100px":`${p}px`,border:`1px solid ${l?_e[500]:xe[300]}`,backgroundColor:n?xe[100]:"white",cursor:n?"default":"pointer",transition:"all 0.2s ease",...b&&{"&::before":{content:'"*"',color:_e[500],marginRight:"4px"}},...n?{}:{"&:hover":{borderColor:l?_e[500]:xe[400]}}},children:[
|
|
44
45
|
/* @__PURE__ */e(u,{sx:{flex:1,...Ue.text14Regular,color:S||F?fe[900]:xe[400]},children:[S?S.format(x):x," →"," ",F?F.format(x):x]}),
|
|
45
46
|
/* @__PURE__ */o(c,{sx:{display:"flex",alignItems:"center",justifyContent:"center",width:"24px",height:"24px",color:xe[400]},children:/* @__PURE__ */o(ao,{icon:"calendar_today"})})]}),
|
|
46
|
-
/* @__PURE__ */o(j,{open:k,onOpen:()=>w(!0),onClose:()=>w(!1),value:"from"===I?S:F,onChange:e=>{"from"===I?(
|
|
47
|
+
/* @__PURE__ */o(j,{open:k,onOpen:()=>w(!0),onClose:()=>w(!1),value:"from"===I?S:F,onChange:e=>{"from"===I?(m?.([e,F]),e&&E("to")):m?.([S,e])},disabled:n,minDate:"from"===I?f:S||f,maxDate:"to"===I?_:F||_,shouldDisableDate:e=>!!C&&e.isBefore(X(),"day"),inputFormat:x,slotProps:{textField:{hidden:!0,size:"small",sx:{display:"none"}},popper:{anchorEl:R.current,placement:"bottom-start"}}}),h&&!l&&!a&&/* @__PURE__ */o(u,{sx:{...Ue.textFieldHelper,color:xe[400],marginTop:"4px"},children:h}),l&&s&&/* @__PURE__ */o(u,{sx:{...Ue.textFieldHelper,color:_e[500],marginTop:"4px"},children:s}),a&&!l&&d&&/* @__PURE__ */o(u,{sx:{...Ue.textFieldHelper,color:ye[500],marginTop:"4px"},children:d})]})})},Oo=({label:r="",placeholder:t="Select option",value:i=null,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:p=6,onChange:h,helperText:m="",options:g=[],checkIconColor:x=ve[900],required:_=!1,sx:b,labelSx:y})=>{const S=O(()=>"max"===p?"100px":`${p}px`,[p]),F=O(()=>g.find(e=>e.value===i),[g,i]),k=L(()=>l&&s?s:a&&d?d:m||"",[l,s,a,d,m]),w=L(()=>l?_e[500]:a?ye[500]:xe[400],[l,a]),I=L(()=>l?_e[500]:a?ye[500]:xe[300],[l,a]),E=O(()=>({"& .MuiOutlinedInput-root":{borderRadius:`${S} !important`,backgroundColor:n?xe[100]:"white",transition:"all 0.2s ease","& fieldset":{borderRadius:`${S} !important`,borderColor:I()},"&:hover fieldset":{borderColor:n?I():l?_e[500]:xe[400]},"&.Mui-focused fieldset":{borderColor:l?_e[500]:xe[400],borderWidth:"1px"}},"& .MuiOutlinedInput-input":{padding:"8px 10px",color:fe[900],"&::placeholder":{color:xe[400],opacity:1}}}),[S,n,l,I]);/* @__PURE__ */
|
|
47
48
|
return e(c,{sx:{...b},children:[r&&/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[
|
|
48
49
|
/* @__PURE__ */o(u,{sx:{...Ue.text14Bold,color:fe[800],...y},children:r}),_&&/* @__PURE__ */o(u,{sx:{color:_e[500],...Ue.text14Bold},children:"*"})]}),
|
|
49
|
-
/* @__PURE__ */o(C,{fullWidth:!0,value:i||"",onChange:e=>{const o=e.target.value,r=
|
|
50
|
-
/* @__PURE__ */o(u,{sx:{color:fe[900],...Ue.text14Regular,lineHeight:"1.4375em"},children:F?.label})]}):/* @__PURE__ */o(u,{sx:{color:xe[400],...Ue.text14Regular,lineHeight:"1.4375em"},children:t}),sx:E,children:
|
|
50
|
+
/* @__PURE__ */o(C,{fullWidth:!0,value:i||"",onChange:e=>{const o=e.target.value,r=g.find(e=>String(e.value)===String(o));r&&h?.(r.value)},disabled:n,displayEmpty:!0,MenuProps:{disableScrollLock:!0},slotProps:{root:{sx:{borderRadius:S}}},renderValue:()=>i?/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"center",gap:"8px"},children:[F?.statusIndicator&&/* @__PURE__ */o(c,{sx:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:"#4CAF50"}}),F?.avatar&&/* @__PURE__ */o(v,{src:F.avatar,sx:{width:"24px",height:"24px",fontSize:"12px"}}),F?.icon&&/* @__PURE__ */o(ao,{icon:F.icon}),
|
|
51
|
+
/* @__PURE__ */o(u,{sx:{color:fe[900],...Ue.text14Regular,lineHeight:"1.4375em"},children:F?.label})]}):/* @__PURE__ */o(u,{sx:{color:xe[400],...Ue.text14Regular,lineHeight:"1.4375em"},children:t}),sx:E,children:g.map(r=>/* @__PURE__ */o(f,{value:r.value,children:/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"center",gap:"8px",width:"100%"},children:[r.statusIndicator&&/* @__PURE__ */o(c,{sx:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:"#4CAF50"}}),r.avatar&&/* @__PURE__ */o(v,{src:r.avatar,sx:{width:"24px",height:"24px",fontSize:"12px"}}),r.icon&&/* @__PURE__ */o(ao,{icon:r.icon}),
|
|
51
52
|
/* @__PURE__ */o(u,{sx:{color:fe[900],...Ue.text14Regular,lineHeight:"1.4375em"},children:r.label}),i===r.value&&/* @__PURE__ */o(c,{sx:{marginLeft:"auto",display:"flex",alignItems:"center"},children:/* @__PURE__ */o(ao,{icon:"check",sx:{color:x}})})]})},r.value))}),k()&&/* @__PURE__ */o(c,{sx:{color:w(),marginTop:"4px",...Ue.textFieldHelper,lineHeight:"1.4375em"},children:k()})]})},Lo="#FFFFFF",Wo=({sx:r={},sxContainer:i={},content:n="Grids",children:l})=>/* @__PURE__ */e(t,{sx:{bgcolor:Lo,p:8,borderRadius:8,gap:4,...r},children:[n&&/* @__PURE__ */o(u,{sx:{color:"#27272A",...Ge.lg.bold},children:n}),
|
|
52
53
|
/* @__PURE__ */o(S,{maxWidth:!1,sx:{bgcolor:Lo,borderRadius:4,minHeight:400,boxShadow:"0 0 8px -4px rgba(16, 24, 40, 0.3)",...i},children:l&&l})]});var Ho=/* @__PURE__ */(e=>(e.SQUARE="4px",e.CIRCLE="20px",e))(Ho||{}),No=/* @__PURE__ */(e=>(e.SQUARE="square",e.CIRCLE="circle",e))(No||{}),$o=/* @__PURE__ */(e=>(e.HORIZONTAL="horizontal",e.VERTICAL="vertical",e))($o||{}),Po=/* @__PURE__ */(e=>(e[e.SMALL=32]="SMALL",e[e.MEDIUM=40]="MEDIUM",e))(Po||{});const Uo={BORDER_COLOR_BUTTON:"#07554B",BORDER_COLOR_DISABLE:"#0000000D",HOVER_BG_COLOR:"rgba(7, 85, 75, 0.04)",BACKGROUND_COLOR:"#FFFFFF",TEXT_COLOR_READONLY:"#27272A"},Go={large:40},Vo=20,jo={small:12,xl:20},qo=({orientation:r,buttonShape:t})=>/* @__PURE__ */e(c,{display:"inline-flex",flexDirection:r===$o.HORIZONTAL?"row":"column",alignItems:"center",gap:1,children:[
|
|
53
54
|
/* @__PURE__ */o(d,{variant:t===No.CIRCLE?"circular":"rectangular",width:Go.large,height:Go.large,sx:{borderRadius:t===No.CIRCLE?Ho.CIRCLE:Ho.SQUARE,maxHeight:Go.large}}),
|
|
54
55
|
/* @__PURE__ */o(d,{width:Go.large,sx:{borderRadius:"20px"}}),
|
|
55
|
-
/* @__PURE__ */o(d,{variant:t===No.CIRCLE?"circular":"rectangular",width:Go.large,height:Go.large,sx:{borderRadius:t===No.CIRCLE?Ho.CIRCLE:Ho.SQUARE,maxHeight:Go.large}})]}),Yo=({value:r,onChange:t,min:i,max:n,step:l=1,disabled:a=!1,readOnly:s=!1,orientation:d=$o.HORIZONTAL,loading:p=!1,sx:u={},sxTextField:h={},sxButton:
|
|
56
|
-
/* @__PURE__ */o(
|
|
56
|
+
/* @__PURE__ */o(d,{variant:t===No.CIRCLE?"circular":"rectangular",width:Go.large,height:Go.large,sx:{borderRadius:t===No.CIRCLE?Ho.CIRCLE:Ho.SQUARE,maxHeight:Go.large}})]}),Yo=({value:r,onChange:t,min:i,max:n,step:l=1,disabled:a=!1,readOnly:s=!1,orientation:d=$o.HORIZONTAL,loading:p=!1,sx:u={},sxTextField:h={},sxButton:m={},buttonShape:x=No.SQUARE,buttonColor:f,textFieldShape:_=No.SQUARE,decrementIcon:b="remove",incrementIcon:y="add"})=>{const[C,v]=B(r??i??0),S=void 0!==r?r:C,k=e=>{let o=e;void 0!==i&&e<i&&(o=i),void 0!==n&&e>n&&(o=n),void 0===r&&v(o),t?.(o)},w=a||void 0!==i&&Number(S)<=i,I=a||void 0!==n&&Number(S)>=n,E=Po.MEDIUM;return p?/* @__PURE__ */o(qo,{orientation:d,buttonShape:x}):/* @__PURE__ */e(c,{display:"inline-flex",flexDirection:"horizontal"===d?"row":"column",alignItems:"center",gap:Ie,sx:{opacity:a?.5:1,pointerEvents:a?"none":"auto",...u},children:[
|
|
57
|
+
/* @__PURE__ */o(g,{onClick:()=>{k(Number(S)-l)},disabled:w,sx:{borderRadius:"circle"===x?Ho.CIRCLE:Ho.SQUARE,width:E,height:E,padding:Ie,border:w?`1px solid ${Uo.BORDER_COLOR_DISABLE}`:`1px solid ${Uo.BORDER_COLOR_BUTTON}`,backgroundColor:Uo.BACKGROUND_COLOR,color:f||Uo.BORDER_COLOR_BUTTON,"&:hover":{backgroundColor:Uo.HOVER_BG_COLOR},...w?{}:m},children:"string"==typeof b?/* @__PURE__ */o(ao,{icon:b}):b}),
|
|
57
58
|
/* @__PURE__ */o(F,{value:S,onChange:e=>{if(!s){const o=""===e.target.value?i||0:Number(e.target.value);isNaN(o)||k(o)}},disabled:a,inputProps:{min:i,max:n,step:l,readOnly:s},type:"number",sx:{minWidth:E,width:h?.width||E,minHeight:E,height:h?.height||E,overflow:"hidden",borderRadius:"circle"===_?Ho.CIRCLE:Ho.SQUARE,color:s?Uo.TEXT_COLOR_READONLY:"",backgroundColor:s?"transparent !important":h?.backgroundColor,"& .MuiOutlinedInput-root":{width:"100%",height:"100%",borderRadius:"inherit","& fieldset":{borderColor:s||a?"transparent":h?.borderColor||Uo.BORDER_COLOR_BUTTON,borderWidth:s||a?0:1,borderRadius:"circle"===_?Ho.CIRCLE:Ho.SQUARE},"&:hover fieldset":s||a?{}:{borderColor:h?.borderColorHover||Uo.BORDER_COLOR_BUTTON},"&.Mui-focused fieldset":s?{borderColor:"transparent",borderWidth:0}:{borderColor:h?.borderColorFocused||Uo.BORDER_COLOR_BUTTON,borderWidth:1},"&.Mui-disabled fieldset":{borderColor:Uo.BORDER_COLOR_DISABLE,backgroundColor:s?"transparent":Uo.BORDER_COLOR_DISABLE}},"& input[type=number]::-webkit-outer-spin-button, & input[type=number]::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0},"& input[type=number]":{MozAppearance:"textfield"},"& .MuiInputBase-input":{textAlign:h?.textAlign||"center",padding:h?.padding||"4px 8px",fontSize:s?"16px":h?.fontSize||"1rem",cursor:s?"not-allowed":"text",borderRadius:"inherit",backgroundColor:s?"transparent":h?.backgroundColor||"transparent",color:s?Uo.TEXT_COLOR_READONLY:h?.color||"inherit",fontWeight:h?.fontWeight||(s?700:"normal")}}}),
|
|
58
|
-
/* @__PURE__ */o(
|
|
59
|
+
/* @__PURE__ */o(g,{onClick:()=>{k(Number(S)+l)},disabled:I,sx:{borderRadius:"circle"===x?Ho.CIRCLE:Ho.SQUARE,width:E,height:E,padding:Ie,border:I?`1px solid ${Uo.BORDER_COLOR_DISABLE}`:`1px solid ${Uo.BORDER_COLOR_BUTTON}`,backgroundColor:Uo.BACKGROUND_COLOR,color:f||Uo.BORDER_COLOR_BUTTON,"&:hover":{backgroundColor:Uo.HOVER_BG_COLOR},...I?{}:m},children:"string"==typeof y?/* @__PURE__ */o(ao,{icon:y}):y})]})},Xo=({content:e,onClick:r,sx:t={}})=>/* @__PURE__ */o(u,{onClick:r,sx:{color:"inherit",textDecorationColor:"inherit",cursor:"pointer","&:hover":{textDecoration:"underline"},...t},children:e}),Ko=({onClick:e,sx:r={},target:t="_self",...i})=>/* @__PURE__ */o(h,{target:t,rel:"noopener",sx:{textDecoration:"none",color:"unset",...r},onClick:o=>{e&&(o.preventDefault(),e())},...i}),Zo=$(K)(({theme:e})=>({"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:xe[300]},"&:hover fieldset":{borderColor:xe[400]},"&.Mui-focused fieldset":{borderColor:xe[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:xe[100],"& fieldset":{borderColor:xe[200]},"& input":{color:xe[400],WebkitTextFillColor:xe[400]}},"&.Mui-error fieldset":{borderColor:_e[600],borderWidth:"1px"},"&.Mui-error:hover fieldset":{borderColor:_e[600]},"&.Mui-error.Mui-focused fieldset":{borderColor:_e[600],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"}},"& .MuiInputBase-input":{...Ue.text14Regular,padding:"8px 10px",color:fe[900],"&::placeholder":{color:xe[400],opacity:.7},"&:focus":{outline:"none"}},"& .MuiInputLabel-root":{...Ue.textFieldLabel,color:fe[800],transform:"translate(14px, -9px) scale(0.75)","&.Mui-focused":{color:xe[500]},"&.Mui-error":{color:_e[600]}},"& .MuiFormHelperText-root":{...Ue.textFieldHelper,margin:"4px 0 0 0","&.Mui-error":{color:_e[600]}}})),Qo=({label:r="Website",placeholder:t="www.untitledui.com",value:i,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:p=6,helperText:h="This is a hint text to help user.",onChange:m,protocol:g="http://",iconAfter:x,required:f=!1,sx:_,...b})=>{const[y,C]=B(!1);/* @__PURE__ */
|
|
59
60
|
return e(c,{sx:{..._},children:[r&&/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[
|
|
60
61
|
/* @__PURE__ */o(u,{sx:{...Ue.text14Bold,color:fe[800]},children:r}),f&&/* @__PURE__ */o(u,{sx:{color:_e[500],...Ue.text14Bold},children:"*"})]}),
|
|
61
|
-
/* @__PURE__ */o(Zo,{placeholder:t,value:i,disabled:n,error:l||y,helperText:l||y?l?s:"đây không phải link":"",size:"small",fullWidth:!0,required:f,onChange:
|
|
62
|
+
/* @__PURE__ */o(Zo,{placeholder:t,value:i,disabled:n,error:l||y,helperText:l||y?l?s:"đây không phải link":"",size:"small",fullWidth:!0,required:f,onChange:m,onBlur:e=>{const o=e.target.value;o&&!(e=>{if(!e)return!0;try{const o=e.includes("://")?e:`${g}${e}`;new URL(o);const r=new URL(o).hostname;return!(!r||!r.includes("."))}catch{return!1}})(o)?C(!0):C(!1)},InputProps:{startAdornment:/* @__PURE__ */o(k,{position:"start",children:/* @__PURE__ */o(u,{sx:{color:xe[300],...Ue.text14Regular},children:g})}),endAdornment:(a||l||y)&&/* @__PURE__ */o(k,{position:"end",children:x||/* @__PURE__ */o(ao,{icon:l||y?"info":"check_circle",sx:{color:l||y?_e[500]:ye[500]}})})},sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===p?"100px":`${p}px`,...a&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${ye[100]}`}}}}}),a&&!l&&d&&/* @__PURE__ */o(u,{sx:{...Ue.textFieldHelper,color:ye[500],marginTop:"4px"},children:d})]})},Jo={check_circle:"#10B981",warning:"#F59E0B",error:"#EF4444",info:"#3B82F6"},er=({content:e})=>/* @__PURE__ */o(u,{sx:{...Ge.textLg.semiBold,color:"#101828"},children:e}),or=({content:e})=>/* @__PURE__ */o(u,{sx:{...Ge.textSm.regular,color:"#667085"},children:e}),rr=({type:e,size:r=48})=>/* @__PURE__ */o(c,{sx:{width:r,height:r,borderRadius:"28px",bgcolor:`${Jo[e]}20`,display:"flex",alignItems:"center",justifyContent:"center"},children:/* @__PURE__ */o(ao,{icon:e,sx:{fontSize:.6*r,color:Jo[e],flex:1}})}),tr=({isForm:e=!1,children:r})=>e?/* @__PURE__ */o(Z,{noValidate:!0,children:r}):/* @__PURE__ */o(D.Fragment,{children:r}),ir=({open:r,isForm:i=!1,onClose:n,icon:l,avatars:a,title:s,nodeDescription:d,nodeContent:p,buttonLeft:u,buttonCenter:h,buttonRight:m,nodeBottomLeft:g,align:x="flex-start",direction:f="column",sx:_,sxContent:b,sxBottom:y})=>{const C=u||h||m||g;/* @__PURE__ */
|
|
62
63
|
return o(w,{open:r,disableScrollLock:!0,onClose:n,maxWidth:!1,PaperProps:{sx:{borderRadius:Re,p:`calc(${we} + 8px)`,minWidth:350,width:"auto",..._}},children:/* @__PURE__ */o(tr,{isForm:i,children:/* @__PURE__ */o(I,{sx:{p:0,...b},children:/* @__PURE__ */e(t,{sx:{gap:0,alignItems:"center"},children:[
|
|
63
|
-
/* @__PURE__ */e(t,{direction:f,sx:{justifyContent:"row"===f?"flex-start":x,gap:we,alignItems:"row"===f?d?"flex-start":"center":x,width:"100%"},children:[l&&/* @__PURE__ */o(rr,{type:l}),a&&/* @__PURE__ */o(so,{avatars:a}),(s||d)&&/* @__PURE__ */e(t,{sx:{gap:Be.medium,alignItems:"row"===f?"flex-start":x,width:"100%"},children:[s&&/* @__PURE__ */o(er,{content:s}),d]})]}),p&&/* @__PURE__ */o(c,{sx:{width:"100%"},children:p}),C&&/* @__PURE__ */o(E,{sx:{width:"100%",mt:`calc(${we} + 8px)`,gap:Be.large,...y},children:/* @__PURE__ */e(qe,{sx:{width:"100%"},children:[
|
|
64
|
+
/* @__PURE__ */e(t,{direction:f,sx:{justifyContent:"row"===f?"flex-start":x,gap:we,alignItems:"row"===f?d?"flex-start":"center":x,width:"100%"},children:[l&&/* @__PURE__ */o(rr,{type:l}),a&&/* @__PURE__ */o(so,{avatars:a}),(s||d)&&/* @__PURE__ */e(t,{sx:{gap:Be.medium,alignItems:"row"===f?"flex-start":x,width:"100%"},children:[s&&/* @__PURE__ */o(er,{content:s}),d]})]}),p&&/* @__PURE__ */o(c,{sx:{width:"100%"},children:p}),C&&/* @__PURE__ */o(E,{sx:{width:"100%",mt:`calc(${we} + 8px)`,gap:Be.large,...y},children:/* @__PURE__ */e(qe,{sx:{width:"100%"},children:[g&&/* @__PURE__ */o(c,{sx:{width:"100%"},children:g}),(u||h||m)&&/* @__PURE__ */e(je,{sx:{width:"100%",gap:we},children:[u&&/* @__PURE__ */o(c,{sx:{flex:1},children:/* @__PURE__ */o(yo,{...u,fullWidth:!0})}),h&&/* @__PURE__ */o(c,{sx:{flex:1},children:/* @__PURE__ */o(yo,{...h,fullWidth:!0})}),m&&/* @__PURE__ */o(c,{sx:{flex:1},children:/* @__PURE__ */o(yo,{...m,fullWidth:!0})})]})]})})]})})})})},nr=({open:r,isForm:i=!1,onClose:n,items:l,nodeContent:a,buttonLeft:s,buttonCenter:d,buttonRight:p,nodeBottomLeft:u,sx:h,sxContent:m,sxBottom:g})=>{const x=Array.isArray(l)?l:[l],f=x.length>1,_=s||d||p||u,b=r=>/* @__PURE__ */e(t,{sx:{gap:"20px",alignItems:"center",textAlign:"center"},children:[
|
|
64
65
|
/* @__PURE__ */o(eo,{url:r?.image,sx:{borderRadius:Me,width:"100%",aspectRatio:1.76,objectFit:"cover",height:"auto"}}),
|
|
65
66
|
/* @__PURE__ */e(t,{sx:{gap:1},children:[
|
|
66
67
|
/* @__PURE__ */o(er,{content:r?.title}),
|
|
67
68
|
/* @__PURE__ */o(or,{content:r?.description})]})]});/* @__PURE__ */
|
|
68
69
|
return o(w,{open:r,onClose:n,PaperProps:{sx:{borderRadius:Re,p:`calc(${we} + 8px)`,minWidth:350,width:"auto",...h}},children:/* @__PURE__ */e(tr,{isForm:i,children:[
|
|
69
|
-
/* @__PURE__ */o(I,{sx:{p:0,...
|
|
70
|
+
/* @__PURE__ */o(I,{sx:{p:0,...m},children:/* @__PURE__ */e(t,{sx:{gap:`calc(${we} + 8px)`},children:[f?/* @__PURE__ */o(c,{sx:{"& .slick-slider":{position:"relative",paddingBottom:"40px"},"& .slick-dots":{bottom:"0px",position:"absolute"},"& .slick-list":{overflow:"hidden"}},children:/* @__PURE__ */o(Q,{dots:!0,infinite:!0,speed:500,slidesToShow:1,slidesToScroll:1,arrows:!1,children:x.map((e,r)=>/* @__PURE__ */o("div",{children:b(e)},r))})}):b(x[0]),a&&/* @__PURE__ */o(c,{sx:{width:"100%"},children:a})]})}),_&&/* @__PURE__ */o(E,{sx:{width:"100%",mt:`calc(${we} + 8px)`,gap:Be.large,...g},children:/* @__PURE__ */e(qe,{sx:{width:"100%"},children:[u&&/* @__PURE__ */o(c,{sx:{width:"100%"},children:u}),(s||d||p)&&/* @__PURE__ */e(je,{sx:{width:"100%",gap:we},children:[s&&/* @__PURE__ */o(c,{sx:{flex:1},children:/* @__PURE__ */o(yo,{...s,fullWidth:!0})}),d&&/* @__PURE__ */o(c,{sx:{flex:1},children:/* @__PURE__ */o(yo,{...d,fullWidth:!0})}),p&&/* @__PURE__ */o(c,{sx:{flex:1},children:/* @__PURE__ */o(yo,{...p,fullWidth:!0})})]})]})})]})})},lr=["USD","EUR","GBP","JPY","AUD","CAD","CHF","CNY","VND","INR"],ar=e=>{if(!e)return"";return e.replace(/\D/g,"").replace(/\B(?=(\d{3})+(?!\d))/g,",")},sr=$(K)(({theme:e})=>({"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:xe[300]},"&:hover fieldset":{borderColor:xe[400]},"&.Mui-focused fieldset":{borderColor:xe[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:xe[100],"& fieldset":{borderColor:xe[200]},"& input":{color:xe[400],WebkitTextFillColor:xe[400]}},"&.Mui-error fieldset":{borderColor:_e[600],borderWidth:"1px"},"&.Mui-error:hover fieldset":{borderColor:_e[600]},"&.Mui-error.Mui-focused fieldset":{borderColor:_e[600],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"}},"& .MuiInputBase-input":{...Ue.text14Regular,padding:"8px 10px",color:fe[900],"&::placeholder":{color:xe[400],opacity:.7},"&:focus":{outline:"none"}},"& .MuiInputLabel-root":{...Ue.textFieldLabel,color:fe[800],transform:"translate(14px, -9px) scale(0.75)","&.Mui-focused":{color:xe[500]},"&.Mui-error":{color:_e[600]}},"& .MuiFormHelperText-root":{...Ue.textFieldHelper,margin:"4px 0 0 0","&.Mui-error":{color:_e[600]}}})),dr=({label:r="Sale amount",placeholder:t="1,000.00",value:i,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:p=6,helperText:h="This is a hint text to help user.",onChange:m,currency:g="USD",onCurrencyChange:x,iconBefore:_,optionCurrencies:b=lr,required:y=!1,sx:v,...S})=>{const[F,w]=B(g);/* @__PURE__ */
|
|
70
71
|
return e(c,{sx:{...v},children:[r&&/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[
|
|
71
72
|
/* @__PURE__ */o(u,{sx:{...Ue.text14Bold,color:fe[800]},children:r}),y&&/* @__PURE__ */o(u,{sx:{color:_e[500],...Ue.text14Bold},children:"*"})]}),
|
|
72
|
-
/* @__PURE__ */o(sr,{placeholder:t,value:ar(i),disabled:n,error:l,helperText:l?s:h,size:"small",fullWidth:!0,required:y,onChange:e=>{const o=e.target.value.replace(/,/g,"");
|
|
73
|
-
/* @__PURE__ */o(C,{value:F,onChange:e=>{const o=e.target.value;w(o),x?.(o)},disabled:n,variant:"standard",sx:{border:"none",outline:"none","& .MuiSelect-standard":{border:"none"},"&.MuiInput-underline:before":{borderBottom:"none"},"&.MuiInput-underline:hover:before":{borderBottom:"none"},"&.MuiInput-underline:after":{borderBottom:"none"},minWidth:"70px",fontSize:"14px",color:fe[500]},children:b.map(e=>/* @__PURE__ */o(f,{value:e,children:e},e))})]})})},sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===p?"100px":`${p}px`,...a&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${ye[100]}`}}}}}),a&&!l&&d&&/* @__PURE__ */o(u,{sx:{...Ue.textFieldHelper,color:ye[600],marginTop:"4px"},children:d})]})},cr=[{code:"US",name:"United States",flag:"🇺🇸",value:"+1"},{code:"GB",name:"United Kingdom",flag:"🇬🇧",value:"+44"},{code:"CA",name:"Canada",flag:"🇨🇦",value:"+1"},{code:"AU",name:"Australia",flag:"🇦🇺",value:"+61"},{code:"VN",name:"Vietnam",flag:"🇻🇳",value:"+84"},{code:"JP",name:"Japan",flag:"🇯🇵",value:"+81"},{code:"CN",name:"China",flag:"🇨🇳",value:"+86"},{code:"IN",name:"India",flag:"🇮🇳",value:"+91"},{code:"DE",name:"Germany",flag:"🇩🇪",value:"+49"},{code:"FR",name:"France",flag:"🇫🇷",value:"+33"}],pr=$(K)(()=>({"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:xe[300]},"&:hover fieldset":{borderColor:xe[400]},"&.Mui-focused fieldset":{borderColor:xe[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:xe[100],"& fieldset":{borderColor:xe[200]},"& input":{color:xe[400],WebkitTextFillColor:xe[400]}},"&.Mui-error fieldset":{borderColor:_e[600],borderWidth:"1px"},"&.Mui-error:hover fieldset":{borderColor:_e[600]},"&.Mui-error.Mui-focused fieldset":{borderColor:_e[600],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"}},"& .MuiInputBase-input":{...Ue.text14Regular,padding:"8px 10px",color:fe[900],"&::placeholder":{color:xe[400],opacity:.7},"&:focus":{outline:"none"}},"& .MuiInputLabel-root":{...Ue.textFieldLabel,color:fe[800],transform:"translate(14px, -9px) scale(0.75)","&.Mui-focused":{color:xe[500]},"&.Mui-error":{color:_e[600]}},"& .MuiFormHelperText-root":{...Ue.textFieldHelper,margin:"4px 0 0 0","&.Mui-error":{color:_e[600]}}})),ur=({label:r="Số điện thoại",placeholder:t="0123 456 789",value:i,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:p=6,helperText:h,onChange:
|
|
73
|
+
/* @__PURE__ */o(sr,{placeholder:t,value:ar(i),disabled:n,error:l,helperText:l?s:h,size:"small",fullWidth:!0,required:y,onChange:e=>{const o=e.target.value.replace(/,/g,"");m?.({...e,target:{...e.target,value:o}})},InputProps:{startAdornment:/* @__PURE__ */o(k,{position:"start",children:_||/* @__PURE__ */o(J,{sx:{fontSize:"18px",color:fe[400],mr:.5}})}),endAdornment:/* @__PURE__ */o(k,{position:"end",children:/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"center",gap:1},children:[(a||l)&&/* @__PURE__ */o(ao,{icon:l?"info":"check_circle",sx:{color:l?_e[500]:ye[500]}}),
|
|
74
|
+
/* @__PURE__ */o(C,{value:F,onChange:e=>{const o=e.target.value;w(o),x?.(o)},disabled:n,variant:"standard",sx:{border:"none",outline:"none","& .MuiSelect-standard":{border:"none"},"&.MuiInput-underline:before":{borderBottom:"none"},"&.MuiInput-underline:hover:before":{borderBottom:"none"},"&.MuiInput-underline:after":{borderBottom:"none"},minWidth:"70px",fontSize:"14px",color:fe[500]},children:b.map(e=>/* @__PURE__ */o(f,{value:e,children:e},e))})]})})},sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===p?"100px":`${p}px`,...a&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${ye[100]}`}}}}}),a&&!l&&d&&/* @__PURE__ */o(u,{sx:{...Ue.textFieldHelper,color:ye[600],marginTop:"4px"},children:d})]})},cr=[{code:"US",name:"United States",flag:"🇺🇸",value:"+1"},{code:"GB",name:"United Kingdom",flag:"🇬🇧",value:"+44"},{code:"CA",name:"Canada",flag:"🇨🇦",value:"+1"},{code:"AU",name:"Australia",flag:"🇦🇺",value:"+61"},{code:"VN",name:"Vietnam",flag:"🇻🇳",value:"+84"},{code:"JP",name:"Japan",flag:"🇯🇵",value:"+81"},{code:"CN",name:"China",flag:"🇨🇳",value:"+86"},{code:"IN",name:"India",flag:"🇮🇳",value:"+91"},{code:"DE",name:"Germany",flag:"🇩🇪",value:"+49"},{code:"FR",name:"France",flag:"🇫🇷",value:"+33"}],pr=$(K)(()=>({"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:xe[300]},"&:hover fieldset":{borderColor:xe[400]},"&.Mui-focused fieldset":{borderColor:xe[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:xe[100],"& fieldset":{borderColor:xe[200]},"& input":{color:xe[400],WebkitTextFillColor:xe[400]}},"&.Mui-error fieldset":{borderColor:_e[600],borderWidth:"1px"},"&.Mui-error:hover fieldset":{borderColor:_e[600]},"&.Mui-error.Mui-focused fieldset":{borderColor:_e[600],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"}},"& .MuiInputBase-input":{...Ue.text14Regular,padding:"8px 10px",color:fe[900],"&::placeholder":{color:xe[400],opacity:.7},"&:focus":{outline:"none"}},"& .MuiInputLabel-root":{...Ue.textFieldLabel,color:fe[800],transform:"translate(14px, -9px) scale(0.75)","&.Mui-focused":{color:xe[500]},"&.Mui-error":{color:_e[600]}},"& .MuiFormHelperText-root":{...Ue.textFieldHelper,margin:"4px 0 0 0","&.Mui-error":{color:_e[600]}}})),ur=({label:r="Số điện thoại",placeholder:t="0123 456 789",value:i,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:p=6,helperText:h,onChange:m,countryCode:g="US",onCountryCodeChange:x,countries:_=cr,required:b=!1,sx:y,...v})=>/* @__PURE__ */e(c,{sx:{...y},children:[r&&/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[
|
|
74
75
|
/* @__PURE__ */o(u,{sx:{...Ue.text14Bold,color:fe[800]},children:r}),b&&/* @__PURE__ */o(u,{sx:{color:_e[500],...Ue.text14Bold},children:"*"})]}),
|
|
75
|
-
/* @__PURE__ */o(pr,{placeholder:t,value:i,disabled:n,error:l,helperText:l?s:h,size:"small",fullWidth:!0,required:b,onChange:
|
|
76
|
+
/* @__PURE__ */o(pr,{placeholder:t,value:i,disabled:n,error:l,helperText:l?s:h,size:"small",fullWidth:!0,required:b,onChange:m,InputProps:{startAdornment:/* @__PURE__ */o(k,{position:"start",sx:{mr:0},children:/* @__PURE__ */o(C,{value:g,onChange:e=>{const o=e.target.value;x?.(o)},disabled:n,variant:"standard",sx:{border:"none",outline:"none","& .MuiSelect-standard":{border:"none"},"&.MuiInput-underline:before":{borderBottom:"none"},"&.MuiInput-underline:hover:before":{borderBottom:"none"},"&.MuiInput-underline:after":{borderBottom:"none"},minWidth:"50px",fontSize:"14px",color:fe[500],display:"flex",alignItems:"center",gap:.5},children:_.map(e=>/* @__PURE__ */o(f,{value:e.code,children:e.code},e.code))})}),endAdornment:(a||l)&&/* @__PURE__ */o(k,{position:"end",children:/* @__PURE__ */o(ao,{icon:l?"info":"check_circle",sx:{color:l?_e[500]:ye[500]}})})},sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===p?"100px":`${p}px`,...a&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${ye[100]}`}}}}}),a&&!l&&d&&/* @__PURE__ */o(u,{sx:{...Ue.textFieldHelper,color:ye[600],marginTop:"4px"},children:d})]}),hr={sm:{width:40,height:40,fontSize:18},md:{width:48,height:48,fontSize:20},lg:{width:56,height:56,fontSize:24}},mr={sm:8,md:12,lg:16},gr=({length:r=6,value:t,onChange:i,label:n,error:l=!1,errorMessage:a,type:d="text",disabled:p=!1,autoFocus:u=!1,onComplete:h,align:m="left",spacing:g="md",size:x="md",masked:f=!1,borderFocusColor:_,sx:b})=>{const{palette:y}=s(),C=z([]);W(()=>{u&&C.current[0]&&C.current[0].focus()},[u]);const v=(e,o)=>{if(!/^\d*$/.test(o))return;const n=t.split("");n[e]=o;const l=n.join("").slice(0,r);i(l),o&&e<r-1&&C.current[e+1]?.focus(),l.length===r&&h?.(l)},S=(e,o)=>{"Backspace"===o.key&&!t[e]&&e>0&&C.current[e-1]?.focus()},k=r=>{const i=t[r]||"",n=!!i,a=hr[x],s=l?y.error.main:fe[200],u=_||(l?y.error.main:fe[900]);return"bullet"===d?/* @__PURE__ */e(c,{sx:{position:"relative",width:a.width,height:a.height},children:[
|
|
76
77
|
/* @__PURE__ */o(F,{ref:e=>{const o=e?.querySelector("input");o&&(C.current[r]=o)},type:"text",inputMode:"numeric",value:i,onChange:e=>v(r,e.target.value),onKeyDown:e=>S(r,e),disabled:p,error:l,sx:{width:"100%",height:"100%","& .MuiOutlinedInput-root":{height:"100%",padding:0,"& input":{textAlign:"center",fontSize:a.fontSize,fontWeight:600,padding:0,color:f&&n?"transparent":"inherit",WebkitTextFillColor:f&&n?"transparent":"unset",caretColor:y.primary.main,"&::placeholder":{color:y.action.disabled,opacity:1}},"& fieldset":{borderColor:s,borderRadius:"8px"},"&:hover fieldset":{borderColor:l?y.error.main:u},"&.Mui-focused fieldset":{borderColor:u,borderWidth:1}},"& input":{maxLength:1}},placeholder:"-"}),f&&n&&/* @__PURE__ */o(c,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",fontSize:a.fontSize,fontWeight:600,color:l?y.error.main:y.text.primary,pointerEvents:"none"},children:"●"})]}):"circle"===d?/* @__PURE__ */e(c,{sx:{position:"relative",width:a.width,height:a.height},children:[
|
|
77
78
|
/* @__PURE__ */o(F,{ref:e=>{const o=e?.querySelector("input");o&&(C.current[r]=o)},type:"text",inputMode:"numeric",value:i,onChange:e=>v(r,e.target.value),onKeyDown:e=>S(r,e),disabled:p,error:l,sx:{width:"100%",height:"100%","& .MuiOutlinedInput-root":{height:"100%",padding:0,borderRadius:"50%","& input":{textAlign:"center",fontSize:a.fontSize,fontWeight:600,padding:0,color:f&&n?"transparent":"inherit",WebkitTextFillColor:f&&n?"transparent":"unset",caretColor:y.primary.main,"&::placeholder":{color:y.action.disabled,opacity:1}},"& fieldset":{borderColor:s,borderRadius:"50%"},"&:hover fieldset":{borderColor:l?y.error.main:u},"&.Mui-focused fieldset":{borderColor:u,borderWidth:1}},"& input":{maxLength:1}},placeholder:"-"}),f&&n&&/* @__PURE__ */o(c,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",fontSize:a.fontSize,fontWeight:600,color:l?y.error.main:y.text.primary,pointerEvents:"none"},children:"●"})]}):/* @__PURE__ */o(F,{ref:e=>{const o=e?.querySelector("input");o&&(C.current[r]=o)},type:"text",inputMode:"numeric",value:i,onChange:e=>v(r,e.target.value),onKeyDown:e=>S(r,e),disabled:p,error:l,sx:{width:a.width,"& .MuiOutlinedInput-root":{height:a.height,padding:0,"& input":{textAlign:"center",fontSize:a.fontSize,fontWeight:600,padding:0,"&::placeholder":{color:y.action.disabled,opacity:1}},"& fieldset":{borderColor:s},"&:hover fieldset":{borderColor:l?y.error.main:u},"&.Mui-focused fieldset":{borderColor:u,borderWidth:1}},"& input":{maxLength:1}},placeholder:"-"})};/* @__PURE__ */
|
|
78
79
|
return e(c,{sx:{...b},children:[n&&/* @__PURE__ */o(c,{sx:{mb:1,...Ue.text14Bold,color:y.text.primary},children:n}),
|
|
79
|
-
/* @__PURE__ */o(c,{sx:{display:"flex",gap:`${
|
|
80
|
-
return e(c,{sx:{width:"100%",...E},children:[
|
|
81
|
-
/* @__PURE__ */o(u,{sx:{...Ue.text14Bold,color:fe[900],display:"block"},children:
|
|
82
|
-
/* @__PURE__ */o(xr,{multiple:p,freeSolo:!1,options:M,getOptionLabel:e=>e?"object"==typeof e&&"label"in e?e.label:String(e):"",isOptionEqualToValue:(e,o)=>!(!e||!o)&&("object"==typeof e&&"object"==typeof o&&"value"in e&&"value"in o&&e.value===o.value),value:p?G:G[0]||null,inputValue:R,onInputChange:(e,o)=>{A(o)},onChange:(e,o)=>{if(p){const e=Array.isArray(o)?o:o?[o]:[];i?.(e.length>0?e:null),A("")}else i?.(o||null)},disabled:d||S,loading:D||S,noOptionsText:R?"No results found":"Type to search",slotProps:{paper:{sx:{"& .MuiAutocomplete-listbox":{borderRadius:"max"===s?"0 0 100px 100px":`0 0 ${s}px ${s}px`}}}},renderInput:t=>/* @__PURE__ */o(F,{...t,placeholder:G&&G?.length>0?"":
|
|
80
|
+
/* @__PURE__ */o(c,{sx:{display:"flex",gap:`${mr[g]}px`,justifyContent:"center"===m?"center":"right"===m?"flex-end":"flex-start"},children:Array.from({length:r}).map((e,r)=>/* @__PURE__ */o(c,{children:k(r)},r))}),l&&a&&/* @__PURE__ */o(c,{sx:{mt:1,fontSize:12,color:y.error.main,textAlign:m},children:a})]})},xr=R(A)(()=>({"& .MuiOutlinedInput-root":{padding:"4px 10px !important",display:"flex",alignItems:"center",gap:"4px","& fieldset":{borderColor:xe[300]},"&:hover fieldset":{borderColor:xe[400]},"&.Mui-focused fieldset":{borderColor:xe[300]+" !important",borderWidth:"1.5px"},"&.Mui-disabled":{backgroundColor:xe[100],"& fieldset":{borderColor:xe[200]}},"&.Mui-error fieldset":{borderColor:_e[500]},"&.Mui-success fieldset":{borderColor:ye[500]}},"& .MuiInputBase-input":{padding:"4px 4px !important",fontSize:"14px",flex:1,minWidth:"60px","&::placeholder":{color:xe[400],opacity:1},"&.Mui-disabled":{color:xe[400],WebkitTextFillColor:xe[400]}},"& .MuiAutocomplete-endAdornment":{paddingRight:"4px"},"& .MuiAutocomplete-tag":{backgroundColor:ve[50],border:`1px solid ${ve[200]}`,color:ve[900],fontSize:"12px",margin:"2px","& .MuiChip-deleteIcon":{color:ve[400],"&:hover":{color:ve[600]}}},"& .search-dropdown-limit-badge":{backgroundColor:ve[50],border:`1px solid ${ve[200]}`,color:ve[700],...Ge.textSmall.semiBold,margin:"2px"}})),fr=({value:t,onChange:i,onClear:n,onInputChange:l,onSearch:a,borderRadius:s=4,disabled:d=!1,multiple:p=!1,limitTags:h=2,label:m="",placeholder:g="Search...",error:x=!1,errorMessage:f,success:_=!1,successMessage:b,helperText:C="",options:v=[],loading:S=!1,iconBefore:w,required:I=!1,sx:E})=>{const[R,A]=B(""),[M,T]=B(v),[D,L]=B(!1),N=z(null),$=z(a),P=z(l),U=z(v);W(()=>{$.current=a,P.current=l,U.current=v},[a,l,v]);const G=O(()=>{if(!t)return[];return(Array.isArray(t)?t:[t]).map(e=>"object"==typeof e?e:{label:String(e),value:e})},[t]);W(()=>{if(N.current&&clearTimeout(N.current),R.trim())return N.current=setTimeout(async()=>{const e=$.current;if(e){L(!0);try{const o=await e(R);T(o)}catch(o){console.error("Search error:",o),T([])}finally{L(!1)}}else{const e=U.current.filter(e=>e.label.toLowerCase().includes(R.toLowerCase()));T(e)}P.current?.(R)},500),()=>{N.current&&clearTimeout(N.current)};T(U.current)},[R]);/* @__PURE__ */
|
|
81
|
+
return e(c,{sx:{width:"100%",...E},children:[m&&/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"6px"},children:[
|
|
82
|
+
/* @__PURE__ */o(u,{sx:{...Ue.text14Bold,color:fe[900],display:"block"},children:m}),I&&/* @__PURE__ */o(u,{sx:{color:_e[500],...Ue.text14Bold},children:"*"})]}),
|
|
83
|
+
/* @__PURE__ */o(xr,{multiple:p,freeSolo:!1,options:M,getOptionLabel:e=>e?"object"==typeof e&&"label"in e?e.label:String(e):"",isOptionEqualToValue:(e,o)=>!(!e||!o)&&("object"==typeof e&&"object"==typeof o&&"value"in e&&"value"in o&&e.value===o.value),value:p?G:G[0]||null,inputValue:R,onInputChange:(e,o)=>{A(o)},onChange:(e,o)=>{if(p){const e=Array.isArray(o)?o:o?[o]:[];i?.(e.length>0?e:null),A("")}else i?.(o||null)},disabled:d||S,loading:D||S,noOptionsText:R?"No results found":"Type to search",slotProps:{paper:{sx:{"& .MuiAutocomplete-listbox":{borderRadius:"max"===s?"0 0 100px 100px":`0 0 ${s}px ${s}px`}}}},renderInput:t=>/* @__PURE__ */o(F,{...t,placeholder:G&&G?.length>0?"":g,variant:"outlined",size:"small",error:x,sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===s?"100px !important":`${s}px !important`,"& fieldset":{borderRadius:"max"===s?"100px !important":`${s}px !important`}}},InputProps:{...t.InputProps,startAdornment:/* @__PURE__ */e(r,{children:[
|
|
83
84
|
/* @__PURE__ */o(k,{position:"start",sx:{marginLeft:"4px",marginRight:"0px"},children:w||/* @__PURE__ */o(ee,{sx:{color:"#999",fontSize:"18px"}})}),t.InputProps.startAdornment]})}}),renderTags:(t,i)=>{const n=Array.isArray(t)?t:[],l=p?n.slice(0,h):n,a=n.length-l.length;/* @__PURE__ */
|
|
84
85
|
return e(r,{children:[l.map((e,o)=>{const r="object"==typeof e&&e&&"label"in e?e.label:String(e);/* @__PURE__ */
|
|
85
86
|
return H(y,{...i({index:o}),key:o,label:r,size:"small"})}),a>0&&/* @__PURE__ */o(y,{className:"search-dropdown-limit-badge",label:`+${a}`,size:"small"})]})},renderOption:(e,r)=>{const{key:t,...i}=e;/* @__PURE__ */
|
|
@@ -88,8 +89,8 @@ return o(_r,{freeSolo:!0,options:[],inputValue:d,onInputChange:u,disabled:l,onCh
|
|
|
88
89
|
/* @__PURE__ */o(vr,{disableRipple:!0,...i}),r]}):/* @__PURE__ */o(vr,{disableRipple:!0,...i}),Fr=({title:r,content:t,checked:i,disabled:n,size:l="medium",onChange:a,sx:s})=>/* @__PURE__ */e(je,{sx:{width:"fit-content",gap:"12px",maxWidth:"345px",...s},children:[
|
|
89
90
|
/* @__PURE__ */o(Sr,{checked:i,disabled:n,size:l,onChange:a}),
|
|
90
91
|
/* @__PURE__ */e(c,{children:[
|
|
91
|
-
/* @__PURE__ */o(u,{sx:{fontSize:16,lineHeight:"24px",fontWeight:500,color:"#344054"},children:r}),t&&/* @__PURE__ */o(u,{sx:{mt:.5,fontSize:16,lineHeight:"24px",fontWeight:400,color:"#667085"},children:t})]})]});var kr=/* @__PURE__ */(e=>(e.AUTO="auto",e.ON="on",e.OFF="off",e))(kr||{});const wr=({value:r,defaultValue:i,min:n=0,max:l=100,step:a=1,disabled:s=!1,onChange:d,onChangeCommitted:c,label:p,valueLabelDisplay:h="auto",marks:
|
|
92
|
-
/* @__PURE__ */o(T,{value:r,defaultValue:i,min:n,max:l,step:a,disabled:s,onChange:d,onChangeCommitted:c,valueLabelDisplay:h,marks:
|
|
92
|
+
/* @__PURE__ */o(u,{sx:{fontSize:16,lineHeight:"24px",fontWeight:500,color:"#344054"},children:r}),t&&/* @__PURE__ */o(u,{sx:{mt:.5,fontSize:16,lineHeight:"24px",fontWeight:400,color:"#667085"},children:t})]})]});var kr=/* @__PURE__ */(e=>(e.AUTO="auto",e.ON="on",e.OFF="off",e))(kr||{});const wr=({value:r,defaultValue:i,min:n=0,max:l=100,step:a=1,disabled:s=!1,onChange:d,onChangeCommitted:c,label:p,valueLabelDisplay:h="auto",marks:m,sx:g})=>/* @__PURE__ */e(t,{sx:{width:"100%",...g},children:[p&&/* @__PURE__ */o(u,{gutterBottom:!0,variant:"body2",color:"text.secondary",sx:{mb:1},children:p}),
|
|
93
|
+
/* @__PURE__ */o(T,{value:r,defaultValue:i,min:n,max:l,step:a,disabled:s,onChange:d,onChangeCommitted:c,valueLabelDisplay:h,marks:m,sx:{color:Ce[600],height:`calc(${Ie} / 2)`,width:"100%",padding:`calc(${Ie} + 2px) 0`,"& .MuiSlider-track":{border:"none",height:Ie,borderRadius:`calc(${Ie} / 2)`},"& .MuiSlider-rail":{backgroundColor:ze,opacity:1,height:`calc(${Ie} / 2)`,borderRadius:2},"& .MuiSlider-thumb":{height:`calc(${Ie} * 3)`,width:`calc(${Ie} * 3)`,backgroundColor:"#fff",boxShadow:"0 1px 4px 0 rgba(0,0,0,0.2)","&:focus, &:hover, &.Mui-active, &.Mui-focusVisible":{boxShadow:"inherit"},"&:hover":{boxShadow:`0 1px 4px 0 rgba(0,0,0,0.2), 0 0 0 ${Ie} ${Ce[600]}33`},"&.Mui-focusVisible":{boxShadow:`0 1px 4px 0 rgba(0,0,0,0.2), 0 0 0 ${Ie} ${Ce[600]}66`},"&.Mui-active":{boxShadow:`0 1px 4px 0 rgba(0,0,0,0.2), 0 0 0 12px ${Ce[600]}66`},"&::before":{display:"none"}},"& .MuiSlider-valueLabel":{lineHeight:1.5,fontSize:We.sm,width:40,height:26,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:`calc(${Ie} / 2)`,backgroundColor:"#FFFFFF",color:xe[800],boxShadow:"0 2px 10px 0 rgba(0,0,0,0.2)",transform:"translateY(-100%) scale(0)",top:-10,"&.MuiSlider-valueLabelOpen":{transform:"translateY(-100%) scale(1)"},"&::before":{display:"block",content:'""',position:"absolute",bottom:`calc(${Ie} / -2)`,left:"50%",transform:"translateX(-50%) rotate(45deg)",width:Ie,height:Ie,backgroundColor:"#FFFFFF",boxShadow:"2px 2px 2px 0 rgba(0,0,0,0.05)"}},"&.Mui-disabled":{color:xe[200],"& .MuiSlider-thumb":{backgroundColor:xe[200],boxShadow:"none"},"& .MuiSlider-track":{backgroundColor:Ce[600],opacity:1,border:"none"},"& .MuiSlider-rail":{opacity:1,backgroundColor:xe[200]}},...g}})]}),Ir={position:"relative",padding:"18px 16px",cursor:"pointer",minHeight:44,"&:hover":{bgcolor:"#F3F4F6"}},Er={position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:1},Rr={width:"1px",alignSelf:"stretch",bgcolor:"#E5E7EB"},Ar={display:"flex",alignItems:"center",borderBottom:"2px solid #E5E7EB"},Mr={position:"absolute",bottom:-2,left:0,right:0,height:"2px",bgcolor:"#0F766E"},Tr={position:"relative",padding:"10px",cursor:"pointer",minHeight:40,"&:hover":{bgcolor:"#F3F4F6"},width:"100%"},Dr={position:"absolute",inset:0,bgcolor:"#E6EEED",borderRadius:1};var Br=/* @__PURE__ */(e=>(e.ACTIVE_TEXT="#0F766E",e.INACTIVE_TEXT="#6B7280",e.HOVER_BACKGROUND="#F3F4F6",e.MENU_ACTIVE_BACKGROUND="#E0F2FE",e))(Br||{});const zr=({idSelect:r,tabs:i,size:n,direction:l="row",maxDisplay:a,onChange:s,sx:d,sxTabs:p,sxWrapper:u})=>{const[h,m]=B(r),[g,_]=B(null),b=N();W(()=>{m(r)},[r]);const y="column"===l,C=!y&&a&&i.length>a,v=C?i.slice(0,a):i,S=C?i.slice(a):[],F=e=>{m(e.id),s?.(e.id),e.onClick&&e.onClick()};/* @__PURE__ */
|
|
93
94
|
return o(D.Fragment,{children:/* @__PURE__ */o(oe,y?{id:b,children:/* @__PURE__ */o(t,{direction:"column",sx:{width:"fit-content",gap:Ee,...u},children:i.map(r=>{const i=r.id===h;/* @__PURE__ */
|
|
94
95
|
return o(Ko,{href:r.href,onClick:r.onClick,id:r.id,children:/* @__PURE__ */e(c,{sx:{position:"relative"},children:[
|
|
95
96
|
/* @__PURE__ */o(t,{component:re.div,sx:{...Tr,color:i?Br.ACTIVE_TEXT:Br.INACTIVE_TEXT},onTap:()=>F(r),children:/* @__PURE__ */e(c,{sx:{...Ge.textMd.medium,display:"flex",alignItems:"center",gap:r.icon?.5:0,position:"relative",zIndex:1,...d},children:[r.icon&&/* @__PURE__ */o(ao,{size:n,icon:r.icon}),r.name]})}),i&&/* @__PURE__ */o(c,{component:re.div,sx:{...Dr},layoutId:`${b}-background`})]})},r.id)})})}:{id:b,children:/* @__PURE__ */e(c,{sx:{position:"relative",display:"flex",alignItems:"center"},children:[
|
|
@@ -98,33 +99,33 @@ return o(Ko,{href:r.href,onClick:r.onClick,id:r.id,children:/* @__PURE__ */e(t,{
|
|
|
98
99
|
/* @__PURE__ */e(c,{sx:{...Ge.textMd.medium,display:"flex",alignItems:"center",gap:r.icon?.5:0,...d},children:[r.icon&&/* @__PURE__ */o(ao,{size:n,icon:r.icon}),r.name]}),i&&/* @__PURE__ */o(c,{component:re.div,sx:{...Mr},layoutId:`${b}-underline`})]})},r.id)}),C&&/* @__PURE__ */e(D.Fragment,{children:[
|
|
99
100
|
/* @__PURE__ */o(c,{sx:{...Rr}}),
|
|
100
101
|
/* @__PURE__ */o(t,{sx:{...Ir},onClick:e=>{_(e.currentTarget)},children:/* @__PURE__ */o(ao,{icon:"more_horiz",size:n})})]})]}),
|
|
101
|
-
/* @__PURE__ */o(x,{disableScrollLock:!0,anchorEl:
|
|
102
|
-
return o(f,{onClick:()=>(e=>{F(e),_(null)})(r),sx:{color:t?Br.ACTIVE_TEXT:Br.INACTIVE_TEXT,bgcolor:t?Br.MENU_ACTIVE_BACKGROUND:"transparent","&:hover":{bgcolor:t?Br.MENU_ACTIVE_BACKGROUND:Br.HOVER_BACKGROUND}},children:/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"center",gap:r.icon?.5:0},children:[r.icon&&/* @__PURE__ */o(ao,{size:n,icon:r.icon}),r.name]})},r.id)})})]})})})},Or=({label:r="",placeholder:t="",value:i="",disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:p=6,onChange:h,onBlur:
|
|
102
|
+
/* @__PURE__ */o(x,{disableScrollLock:!0,anchorEl:g,open:Boolean(g),onClose:()=>_(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:S.map(r=>{const t=r.id===h;/* @__PURE__ */
|
|
103
|
+
return o(f,{onClick:()=>(e=>{F(e),_(null)})(r),sx:{color:t?Br.ACTIVE_TEXT:Br.INACTIVE_TEXT,bgcolor:t?Br.MENU_ACTIVE_BACKGROUND:"transparent","&:hover":{bgcolor:t?Br.MENU_ACTIVE_BACKGROUND:Br.HOVER_BACKGROUND}},children:/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"center",gap:r.icon?.5:0},children:[r.icon&&/* @__PURE__ */o(ao,{size:n,icon:r.icon}),r.name]})},r.id)})})]})})})},Or=({label:r="",placeholder:t="",value:i="",disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:p=6,onChange:h,onBlur:m,helperText:g="",rows:x=4,maxLength:f,required:_=!1,sx:b})=>{const y="max"===p?"100px":`${p}px`,C=()=>l&&s?s:a&&d?d:g||"",v=()=>l?_e[500]:a?ye[500]:xe[300];/* @__PURE__ */
|
|
103
104
|
return e(c,{sx:{...b},children:[r&&/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[
|
|
104
105
|
/* @__PURE__ */o(u,{sx:{...Ue.text14Bold,color:fe[800]},children:r}),_&&/* @__PURE__ */o(u,{sx:{color:_e[500],...Ue.text14Bold},children:"*"})]}),
|
|
105
106
|
/* @__PURE__ */e(c,{sx:{position:"relative"},children:[
|
|
106
|
-
/* @__PURE__ */o(F,{fullWidth:!0,multiline:!0,rows:x,placeholder:t,value:i,disabled:n,required:_,onChange:e=>h?.(e.target.value),onBlur:e=>
|
|
107
|
+
/* @__PURE__ */o(F,{fullWidth:!0,multiline:!0,rows:x,placeholder:t,value:i,disabled:n,required:_,onChange:e=>h?.(e.target.value),onBlur:e=>m?.(e.target.value),inputProps:{maxLength:f,style:{...Ue.text14Regular,paddingBottom:f?"24px":"0px"}},sx:{"& .MuiOutlinedInput-root":{borderRadius:y,backgroundColor:n?xe[100]:"white",transition:"all 0.2s ease","& fieldset":{borderColor:v()},"&:hover fieldset":{borderColor:n?v():l?_e[500]:xe[400]},"&.Mui-focused fieldset":{borderColor:l?_e[500]:xe[400],borderWidth:"1.5px"}},"& .MuiOutlinedInput-input":{color:i?fe[900]:xe[400],"&::placeholder":{color:xe[400],opacity:1},"&:disabled":{color:xe[400],WebkitTextFillColor:xe[400]}},"& .MuiOutlinedInput-notchedOutline":{borderColor:v()}}}),f&&/* @__PURE__ */e(c,{sx:{position:"absolute",bottom:"8px",right:"12px",fontSize:"12px",color:xe[400],pointerEvents:"none"},children:["(",i?.length,"/",f,")"]})]}),C()&&/* @__PURE__ */o(c,{sx:{color:l?_e[500]:a?ye[500]:xe[400],marginTop:"4px",...Ue.textFieldHelper},children:C()})]})},Lr=$(K)(({theme:e})=>({"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:xe[300]},"&:hover fieldset":{borderColor:xe[400]},"&.Mui-focused fieldset":{borderColor:xe[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:xe[100],"& fieldset":{borderColor:xe[200]},"& input":{color:xe[400],WebkitTextFillColor:xe[400]}},"&.Mui-error fieldset":{borderColor:_e[500],borderWidth:"1px"},"&.Mui-error:hover fieldset":{borderColor:_e[500]},"&.Mui-error.Mui-focused fieldset":{borderColor:_e[500],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"}},"& .MuiInputBase-input":{...Ue.text14Regular,padding:"8px 10px",color:fe[900],"&::placeholder":{color:xe[400],opacity:.7},"&:focus":{outline:"none"}},"& .MuiInputLabel-root":{...Ue.textFieldLabel,color:fe[800],transform:"translate(14px, -9px) scale(0.75)","&.Mui-focused":{color:xe[500]},"&.Mui-error":{color:_e[600]}},"& .MuiFormHelperText-root":{...Ue.textFieldHelper,margin:"4px 0 0 0","&.Mui-error":{color:_e[600]}}})),Wr=({label:r,placeholder:t="Placeholder",value:i,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:p=6,helperText:h,onChange:m,iconBefore:g,iconAfter:x,sx:f,labelSx:_,inputPadding:b,inputHeight:y,required:C,...v})=>/* @__PURE__ */e(c,{sx:{...f},children:[r&&/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[
|
|
107
108
|
/* @__PURE__ */o(u,{sx:{display:"block",...Ue.text14Bold,color:fe[800],..._},children:r}),C&&/* @__PURE__ */o(u,{sx:{color:_e[500],...Ue.text14Bold},children:"*"})]}),
|
|
108
|
-
/* @__PURE__ */o(Lr,{placeholder:t,value:i,disabled:n,error:l,helperText:l?s:h,size:"small",fullWidth:!0,onChange:
|
|
109
|
+
/* @__PURE__ */o(Lr,{placeholder:t,value:i,disabled:n,error:l,helperText:l?s:h,size:"small",fullWidth:!0,onChange:m,required:C,InputProps:{startAdornment:g?/* @__PURE__ */o(k,{position:"start",children:g}):void 0,endAdornment:x?/* @__PURE__ */o(k,{position:"end",children:x}):void 0},sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===p?"100px":`${p}px`,...y&&{height:y},...a&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${ye[100]}`}}},"& .MuiInputBase-input":{...b&&{padding:b}}},...v}),a&&!l&&d&&/* @__PURE__ */o(u,{sx:{...Ue.textFieldHelper,color:ye[500],marginTop:"4px"},children:d})]}),Hr={progressBar:{position:"absolute",top:0,left:0,height:"100%",backgroundColor:fe[200],opacity:.8,transition:"width 0.3s ease, opacity 0.3s ease",animation:"wave 1.5s linear infinite","@keyframes wave":{"0%":{backgroundPosition:"0% 0%"},"50%":{backgroundPosition:"100% 0%"},"100%":{backgroundPosition:"0% 0%"}}},imageIcon:{width:"40px",height:"40px",flexShrink:0,position:"relative",zIndex:1},contentBox:{flexGrow:1,minWidth:0,position:"relative",zIndex:1},textBox:{minWidth:0,flexGrow:1,mr:2},actionBox:{flexShrink:0,display:"flex",alignItems:"center",position:"relative",zIndex:1},linearProgress:{mt:1,width:"100%"}},Nr=["mp4","mov","avi","wmv","flv","mkv","webm"],$r="/images/icon/film.svg",Pr="/images/icon/file.svg",Ur=e=>{if(0===e)return"0 Bytes";const o=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,o)).toFixed(2))+" "+["Bytes","KB","MB","GB","TB"][o]},Gr=({file:r,progress:t=0,status:i="pending",onDelete:n,onRetry:a,isProcess:s=!0,borderSuccess:d,borderError:p=_e[600],sx:h})=>{const m=O(()=>(e=>{const o=e.split(".").pop()?.toLowerCase();return o&&Nr.includes(o)?$r:Pr})(r.name),[r.name]),x="success"===i,f="failed"===i,b="uploading"===i,y=f?String(p):x&&d?String(d):"#e0e0e0",C=f?String(p):"#737373",v=f?String(p):"#a3a3a3";/* @__PURE__ */
|
|
109
110
|
return e(c,{sx:{display:"flex",alignItems:"flex-start",padding:"16px",border:"1px solid",borderColor:y,borderRadius:"8px",gap:"16px",position:"relative",overflow:"hidden",transition:"background-color 0.3s ease",backgroundColor:"background.paper",...h},children:[!s&&b&&!x&&!f&&/* @__PURE__ */o(c,{sx:{...Hr.progressBar,width:`${t}%`}}),
|
|
110
|
-
/* @__PURE__ */o(c,{component:"img",src:
|
|
111
|
+
/* @__PURE__ */o(c,{component:"img",src:m,alt:"file icon",sx:Hr.imageIcon}),
|
|
111
112
|
/* @__PURE__ */e(c,{sx:Hr.contentBox,children:[
|
|
112
113
|
/* @__PURE__ */e(Ze,{children:[
|
|
113
114
|
/* @__PURE__ */e(c,{sx:Hr.textBox,children:[
|
|
114
115
|
/* @__PURE__ */o(u,{noWrap:!0,title:r.name,sx:{...Ue.text14Medium,color:C},children:r.name}),
|
|
115
116
|
/* @__PURE__ */e(u,{sx:{...Ue.text14Regular,color:v},children:[Ur(r.size),b&&!x?` • ${Math.round(t)}% uploaded`:f?" • Upload failed":""]})]}),
|
|
116
|
-
/* @__PURE__ */e(c,{sx:Hr.actionBox,children:[!s&&b&&!x&&/* @__PURE__ */o(c,{sx:{position:"relative",display:"inline-flex",mr:1},children:/* @__PURE__ */o(_,{variant:"determinate",value:t,color:"success",size:24})}),x&&/* @__PURE__ */o(te,{color:"success",sx:{mr:1}}),f&&a&&/* @__PURE__ */o(
|
|
117
|
+
/* @__PURE__ */e(c,{sx:Hr.actionBox,children:[!s&&b&&!x&&/* @__PURE__ */o(c,{sx:{position:"relative",display:"inline-flex",mr:1},children:/* @__PURE__ */o(_,{variant:"determinate",value:t,color:"success",size:24})}),x&&/* @__PURE__ */o(te,{color:"success",sx:{mr:1}}),f&&a&&/* @__PURE__ */o(g,{size:"small",onClick:a,title:"Retry upload",children:/* @__PURE__ */o(ie,{fontSize:"small",sx:{color:p}})}),!f&&n&&/* @__PURE__ */o(g,{size:"small",onClick:n,children:/* @__PURE__ */o(ao,{icon:"delete"})})]})]}),s&&b&&/* @__PURE__ */o(c,{sx:Hr.linearProgress,children:/* @__PURE__ */o(l,{variant:"determinate",value:t,color:"success",sx:{height:8,borderRadius:4}})})]})]})},Vr=({onFilesSelected:t,accept:i="*",multiple:n=!0,children:l,sx:a,labelSx:s,uploadLabel:d="Click to upload",appearance:p,files:u,onDeleteFile:h,onRetryFile:m,borderError:g})=>{const x=z(null),[f,_]=B(!1),b=u||[];/* @__PURE__ */
|
|
117
118
|
return e(c,{sx:{border:"2px solid",borderColor:p?.borderColor||"action.selected",borderRadius:"8px",padding:"32px 24px",textAlign:"center",cursor:"pointer",transition:"all 0.3s ease",backgroundColor:f?"action.selected":p?.background||"background.paper","&:hover":{borderColor:p?.borderColorHover||p?.borderColor||"primary.main",filter:"brightness(0.92)"},...a},onClick:()=>{x.current?.click()},onDragOver:e=>{e.preventDefault(),e.stopPropagation(),_(!0)},onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),_(!1)},onDrop:e=>{e.preventDefault(),e.stopPropagation(),_(!1);const o=e.dataTransfer.files;o&&t(Array.from(o))},children:[
|
|
118
119
|
/* @__PURE__ */o("input",{ref:x,type:"file",accept:i,multiple:n,onChange:e=>{const o=e.target.files;if(o){const e=Array.from(o);t(e)}e.target.value=""},style:{display:"none"}}),0===b.length&&/* @__PURE__ */o(r,{children:/* @__PURE__ */e(c,l?{children:[l,
|
|
119
120
|
/* @__PURE__ */e(c,{component:"p",sx:{color:"primary.main",textDecoration:"underline",fontWeight:500,fontSize:"14px",marginTop:"12px",margin:"12px 0 0 0",...s},children:[d," or drag and drop"]})]}:{children:[
|
|
120
121
|
/* @__PURE__ */o(c,{component:"img",src:"/images/icon/uploader.svg",alt:"Upload icon",sx:{width:"46px",height:"46px",marginBottom:"12px"}}),
|
|
121
|
-
/* @__PURE__ */e(c,{component:"p",sx:{color:"primary.main",textDecoration:"underline",fontWeight:500,fontSize:"14px",margin:0,...s},children:[d," or drag and drop"]})]})}),b&&b.length>0&&/* @__PURE__ */o(c,{sx:{marginTop:"24px",display:"flex",flexDirection:"column",gap:"12px",textAlign:"left"},onClick:e=>e.stopPropagation(),children:b.map((e,r)=>/* @__PURE__ */o(Gr,{file:e.file,progress:e.progress,status:e.status,isProcess:e.isProcess??!0,onDelete:()=>{return o=e.file,void(h&&h(o));var o},onRetry:()=>
|
|
122
|
+
/* @__PURE__ */e(c,{component:"p",sx:{color:"primary.main",textDecoration:"underline",fontWeight:500,fontSize:"14px",margin:0,...s},children:[d," or drag and drop"]})]})}),b&&b.length>0&&/* @__PURE__ */o(c,{sx:{marginTop:"24px",display:"flex",flexDirection:"column",gap:"12px",textAlign:"left"},onClick:e=>e.stopPropagation(),children:b.map((e,r)=>/* @__PURE__ */o(Gr,{file:e.file,progress:e.progress,status:e.status,isProcess:e.isProcess??!0,onDelete:()=>{return o=e.file,void(h&&h(o));var o},onRetry:()=>m?.(e.id),borderSuccess:p?.borderSuccess,borderError:g},e.id||r))})]})},jr=40,qr=5,Yr=320,Xr=100,Kr=`1px solid ${xe[200]}`,Zr=({value:e,options:o,onChange:r,itemHeight:t=jr})=>{const i=z(null);W(()=>{const r=i.current,n=o.findIndex(o=>o.value===e);if(!r||-1===n)return;Math.round(r.scrollTop/t)%o.length!==n&&(r.scrollTop=n*t)},[e,o,t]);const n=o.findIndex(o=>o.value===e);return{scrollRef:i,handleScroll:n=>{if(!i.current)return;let l=i.current.scrollTop;const a=Math.round(l/t)%o.length,s=o[a];s&&s.value!==e&&r(s.value)},activeIndex:n,scrollToValue:e=>{if(!i.current)return;const r=o.findIndex(o=>o.value===e);if(-1===r)return;let n=r*t;i.current.scrollTo({top:n,behavior:"smooth"})}}},Qr=({options:e,value:r,onChange:t,width:i=100,showScrollbar:n=!1,sx:l})=>{const{scrollRef:a,handleScroll:s,activeIndex:d,scrollToValue:c}=Zr({value:r,options:e,onChange:t}),p=jr,h=Math.floor(qr/2)*p;/* @__PURE__ */
|
|
122
123
|
return o(je,{sx:{height:p*qr,overflow:"hidden",position:"relative",width:i,minWidth:"60px",...l},children:/* @__PURE__ */o(re.div,{ref:a,onScroll:s,style:{height:"100%",overflowY:"auto",scrollSnapType:"y mandatory",scrollbarWidth:n?"auto":"none",paddingTop:h,paddingBottom:h},initial:{opacity:0},animate:{opacity:1},transition:{duration:.3},children:e.map((r,t)=>{const i=t%e.length===d;/* @__PURE__ */
|
|
123
124
|
return o(Xe,{sx:{height:p,scrollSnapAlign:"center",cursor:"pointer",transition:`all ${Fe}`,paddingX:Ie},onClick:()=>c(r.value),children:/* @__PURE__ */o(u,{sx:{...Ge.textMd.bold,color:i?xe[800]:xe[300],transition:`color ${Fe}, font-weight ${Fe}`,whiteSpace:"nowrap",transform:i?Se:"scale(1)"},children:r.label})},`${r.value}-${t}`)})})})},Jr=({columns:r,value:i,onChange:n,sx:l,sxColumn:a,columnWidth:s=Xr,showScrollbar:d=!1})=>{const c=jr,p=Math.floor(qr/2);/* @__PURE__ */
|
|
124
125
|
return e(Ye,{sx:{position:"relative",alignItems:"center",backgroundColor:"#FFFFFF",overflow:"hidden",minWidth:Yr,paddingX:ke,gap:we,...l},children:[
|
|
125
|
-
/* @__PURE__ */o(t,{sx:{position:"absolute",top:p*c,left:0,right:0,height:c,borderTop:Kr,borderBottom:Kr}}),r.map((e,r)=>/* @__PURE__ */o(Qr,{options:e,value:i[r],onChange:e=>((e,o)=>{const r=[...i];r[e]=o,n(r)})(r,e),width:s,showScrollbar:d,sx:a},r))]})},et={columns:{description:"Dữ liệu cho các cột. Mỗi phần tử là một mảng các lựa chọn (PickerOption).",control:"object",table:{type:{summary:"PickerOption[][]"},category:"Dữ liệu (Data)"}},value:{description:"Mảng giá trị đang được chọn của từng cột. Thứ tự tương ứng với mảng columns.",control:"object",table:{type:{summary:"(string | number)[]"},category:"Dữ liệu (Data)"}},onChange:{description:"Hàm xử lý khi người dùng chọn một giá trị mới.",action:"changed",table:{type:{summary:"(value: PickerValue[]) => void"},category:"Sự kiện (Events)"}},columnWidth:{description:"Độ rộng của mỗi cột (px hoặc string). Mặc định là 100.",control:{type:"text"},table:{type:{summary:"string | number"},defaultValue:{summary:"100"},category:"Giao diện (UI)"}},showScrollbar:{description:"Hiển thị thanh cuộn (scrollbar) cho từng cột.",control:"boolean",table:{type:{summary:"boolean"},defaultValue:{summary:"false"},category:"Giao diện (UI)"}},sx:{description:"Style tùy chỉnh cho container chính của Picker.",control:"object",table:{type:{summary:"SxProps<Theme>"},category:"Giao diện (UI)"}},sxColumn:{description:"Style tùy chỉnh áp dụng cho từng cột bên trong.",control:"object",table:{type:{summary:"SxProps<Theme>"},category:"Giao diện (UI)"}}},ot={xs:48,sm:56,md:64,lg:72,xl:80,"2xl":88},rt="#FFFFFF",tt="linear-gradient(to top, rgba(0,0,0,0.7), transparent)",it="rgba(255, 255, 255, 0.3)",nt="rgba(255, 255, 255, 0.5)",lt="rgba(255,255,255,0.2)",at="rgba(255,255,255,0.3)",st=e=>{if(!Number.isFinite(e)||isNaN(e)||e<0)return"0:00";const o=Math.floor(e/60),r=Math.floor(e%60);if(o>=60){return`${Math.floor(o/60)}:${(o%60).toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`}return`${o}:${r.toString().padStart(2,"0")}`},dt=e=>{const o=e.match(/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/i);return o?`https://www.youtube.com/embed/${o[1]}`:""},ct=e=>{const o=e.toLowerCase();return o.endsWith(".webm")?"video/webm":o.endsWith(".ogg")||o.endsWith(".ogv")?"video/ogg":(o.endsWith(".mp4"),"video/mp4")},pt=({src:r,poster:t,autoPlay:i=!1,loop:n=!1,muted:l=!1,width:a="100%",height:s="auto",iconSize:d,sx:c})=>{const p=z(null),[h,
|
|
126
|
-
return e(je,{sx:{position:"relative",width:M,height:D,borderRadius:Te,overflow:"hidden","&:hover .controls-overlay":{opacity:1},...c},onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),children:[I?/* @__PURE__ */o("iframe",{src:dt(r),title:"YouTube video player",style:{width:"100%",height:"100%",border:"none"},allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):/* @__PURE__ */o("video",{ref:p,poster:t,autoPlay:i,loop:n,muted:l,style:{width:"100%",height:"100%",objectFit:"cover",display:"block"},onClick:L,children:/* @__PURE__ */o("source",{src:r,type:ct(r)})}),S&&/* @__PURE__ */o(je,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2,pointerEvents:"none"},children:/* @__PURE__ */o(_,{size:R,sx:{color:rt}})}),!I&&(!h||C)&&/* @__PURE__ */o(je,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2,transition:"opacity 0.3s",opacity:h?0:1,pointerEvents:"none"},children:/* @__PURE__ */o(
|
|
126
|
+
/* @__PURE__ */o(t,{sx:{position:"absolute",top:p*c,left:0,right:0,height:c,borderTop:Kr,borderBottom:Kr}}),r.map((e,r)=>/* @__PURE__ */o(Qr,{options:e,value:i[r],onChange:e=>((e,o)=>{const r=[...i];r[e]=o,n(r)})(r,e),width:s,showScrollbar:d,sx:a},r))]})},et={columns:{description:"Dữ liệu cho các cột. Mỗi phần tử là một mảng các lựa chọn (PickerOption).",control:"object",table:{type:{summary:"PickerOption[][]"},category:"Dữ liệu (Data)"}},value:{description:"Mảng giá trị đang được chọn của từng cột. Thứ tự tương ứng với mảng columns.",control:"object",table:{type:{summary:"(string | number)[]"},category:"Dữ liệu (Data)"}},onChange:{description:"Hàm xử lý khi người dùng chọn một giá trị mới.",action:"changed",table:{type:{summary:"(value: PickerValue[]) => void"},category:"Sự kiện (Events)"}},columnWidth:{description:"Độ rộng của mỗi cột (px hoặc string). Mặc định là 100.",control:{type:"text"},table:{type:{summary:"string | number"},defaultValue:{summary:"100"},category:"Giao diện (UI)"}},showScrollbar:{description:"Hiển thị thanh cuộn (scrollbar) cho từng cột.",control:"boolean",table:{type:{summary:"boolean"},defaultValue:{summary:"false"},category:"Giao diện (UI)"}},sx:{description:"Style tùy chỉnh cho container chính của Picker.",control:"object",table:{type:{summary:"SxProps<Theme>"},category:"Giao diện (UI)"}},sxColumn:{description:"Style tùy chỉnh áp dụng cho từng cột bên trong.",control:"object",table:{type:{summary:"SxProps<Theme>"},category:"Giao diện (UI)"}}},ot={xs:48,sm:56,md:64,lg:72,xl:80,"2xl":88},rt="#FFFFFF",tt="linear-gradient(to top, rgba(0,0,0,0.7), transparent)",it="rgba(255, 255, 255, 0.3)",nt="rgba(255, 255, 255, 0.5)",lt="rgba(255,255,255,0.2)",at="rgba(255,255,255,0.3)",st=e=>{if(!Number.isFinite(e)||isNaN(e)||e<0)return"0:00";const o=Math.floor(e/60),r=Math.floor(e%60);if(o>=60){return`${Math.floor(o/60)}:${(o%60).toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`}return`${o}:${r.toString().padStart(2,"0")}`},dt=e=>{const o=e.match(/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/i);return o?`https://www.youtube.com/embed/${o[1]}`:""},ct=e=>{const o=e.toLowerCase();return o.endsWith(".webm")?"video/webm":o.endsWith(".ogg")||o.endsWith(".ogv")?"video/ogg":(o.endsWith(".mp4"),"video/mp4")},pt=({src:r,poster:t,autoPlay:i=!1,loop:n=!1,muted:l=!1,width:a="100%",height:s="auto",iconSize:d,sx:c})=>{const p=z(null),[h,m]=B(!1),[x,f]=B(0),[b,y]=B(0),[C,v]=B(!1),[S,F]=B(!1),[k,w]=B([]),I=!!(E=r)&&/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/i.test(E);var E;const{buttonSize:R,iconFontSize:A,containerWidth:M,containerHeight:D}=O(()=>{let e=64;return d&&(e=ot[d]),{buttonSize:e,iconFontSize:.5*e,containerWidth:a,containerHeight:s}},[d,a,s]);W(()=>{const e=p.current;if(!e)return;const o=()=>f(e.currentTime),r=()=>{y(e.duration),F(!1)},t=()=>m(!0),i=()=>m(!1),n=()=>m(!1),l=()=>F(!0),a=()=>F(!1),s=()=>{if(!e)return;const o=e.buffered,r=[];for(let e=0;e<o.length;e++)r.push({start:o.start(e),end:o.end(e)});w(r)};return e.addEventListener("timeupdate",o),e.addEventListener("loadedmetadata",r),e.addEventListener("progress",s),e.addEventListener("play",t),e.addEventListener("pause",i),e.addEventListener("ended",n),e.addEventListener("waiting",l),e.addEventListener("playing",a),()=>{e.removeEventListener("timeupdate",o),e.removeEventListener("loadedmetadata",r),e.removeEventListener("play",t),e.removeEventListener("pause",i),e.removeEventListener("ended",n),e.removeEventListener("waiting",l),e.removeEventListener("playing",a),e.removeEventListener("progress",s)}},[I]);const L=()=>{p.current&&(h?p.current.pause():p.current.play())};/* @__PURE__ */
|
|
127
|
+
return e(je,{sx:{position:"relative",width:M,height:D,borderRadius:Te,overflow:"hidden","&:hover .controls-overlay":{opacity:1},...c},onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),children:[I?/* @__PURE__ */o("iframe",{src:dt(r),title:"YouTube video player",style:{width:"100%",height:"100%",border:"none"},allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):/* @__PURE__ */o("video",{ref:p,poster:t,autoPlay:i,loop:n,muted:l,style:{width:"100%",height:"100%",objectFit:"cover",display:"block"},onClick:L,children:/* @__PURE__ */o("source",{src:r,type:ct(r)})}),S&&/* @__PURE__ */o(je,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2,pointerEvents:"none"},children:/* @__PURE__ */o(_,{size:R,sx:{color:rt}})}),!I&&(!h||C)&&/* @__PURE__ */o(je,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2,transition:"opacity 0.3s",opacity:h?0:1,pointerEvents:"none"},children:/* @__PURE__ */o(g,{onClick:L,"aria-label":h?"Pause":"Play",sx:{color:rt,pointerEvents:"auto",backgroundColor:lt,"&:hover":{backgroundColor:at},width:R,height:R,padding:0,minWidth:"auto"},children:/* @__PURE__ */o(ao,{icon:h?"pause":"play_arrow",sx:{fontSize:A}})})}),!I&&/* @__PURE__ */e(je,{className:"controls-overlay",sx:{position:"absolute",bottom:0,left:0,right:0,background:tt,padding:2,opacity:h?0:1,transition:"opacity 0.3s",zIndex:3},children:[
|
|
127
128
|
/* @__PURE__ */o(qe,{gap:2,sx:{mb:1},children:/* @__PURE__ */o(T,{value:x,min:0,max:b||100,onChange:(e,o)=>{p.current&&"number"==typeof o&&(p.current.currentTime=o,f(o))},sx:{color:rt,height:4,padding:"13px 0","& .MuiSlider-thumb":{display:"none"},"& .MuiSlider-rail":{opacity:1,background:(()=>{if(!b||0===k.length)return it;const e=k.find(e=>x>=e.start&&x<=e.end);if(!e)return it;const o=Math.min(e.end/b*100,100);return`linear-gradient(to right, ${nt} 0%, ${nt} ${o}%, ${it} ${o}%, ${it} 100%)`})()},"& .MuiSlider-track":{border:"none",opacity:1,backgroundColor:rt}}})}),
|
|
128
129
|
/* @__PURE__ */o(Ze,{children:/* @__PURE__ */e(qe,{gap:.5,children:[
|
|
129
|
-
/* @__PURE__ */o(
|
|
130
|
-
/* @__PURE__ */e(u,{variant:"body2",sx:{color:rt,userSelect:"none"},children:[st(x)," / ",st(b)]})]})})]})]})};export{bo as ACCESSIBILITY,ne as AVATAR_SIZES,ue as AvatarColor,lo as AvatarComponent,so as AvatarGroupComponent,co as AvatarLabelGroupComponent,oo as AvatarProfileComponent,uo as AvatarUserComponent,ae as BADGE_FONT_SIZES,le as BADGE_SIZES,Vo as BORDER_TEXT_FIELD_LOADING,_o as BUTTON_CONSTANTS,no as BadgeImage,ro as BadgeLive,to as BadgeNumber,io as BadgeOnline,Ho as BorderRadius,
|
|
130
|
+
/* @__PURE__ */o(g,{onClick:L,size:"small",sx:{color:rt},"aria-label":h?"Pause":"Play",children:/* @__PURE__ */o(ao,{icon:h?"pause":"play_arrow"})}),
|
|
131
|
+
/* @__PURE__ */e(u,{variant:"body2",sx:{color:rt,userSelect:"none"},children:[st(x)," / ",st(b)]})]})})]})]})};export{bo as ACCESSIBILITY,ne as AVATAR_SIZES,ue as AvatarColor,lo as AvatarComponent,so as AvatarGroupComponent,co as AvatarLabelGroupComponent,oo as AvatarProfileComponent,uo as AvatarUserComponent,ae as BADGE_FONT_SIZES,le as BADGE_SIZES,Vo as BORDER_TEXT_FIELD_LOADING,_o as BUTTON_CONSTANTS,no as BadgeImage,ro as BadgeLive,to as BadgeNumber,io as BadgeOnline,Ho as BorderRadius,mo as BreadcrumbsComponent,Co as ButtonBarComponent,yo as ButtonComponent,Po as ButtonSize,vo as CHECKBOX_COLORS,Fo as CHECKBOX_SIZE,So as CHECKBOX_TEXT_COLOR,Eo as CHIP_ICON_SIZE,Ro as CHIP_LABEL_PADDING,Ao as CHIP_SIZE_CONFIG,fo as COLORS,ve as COLOR_ACCENT,ge as COLOR_BRAND,_e as COLOR_ERROR,fe as COLOR_GRAY,Ce as COLOR_INFO,xe as COLOR_NEUTRAL,ye as COLOR_SUCCESS,be as COLOR_WARNING,ko as CheckboxComponent,Io as CheckboxContentComponent,Do as ChipComponent,Uo as Colors,Bo as DateFieldComponent,zo as DateRangePickerComponent,tr as DialogWrapper,Oo as DropdownFieldComponent,Le as FONT_FAMILY,We as FONT_SIZE,jo as FONT_SIZE_ICON,Go as FONT_SIZE_LOADING,$e as FONT_STYLE,He as FONT_WEIGHT,Wo as GridComponent,ao as IconElement,eo as ImageElement,Qe as ImageSizeType,Yo as InputStepperComponent,qo as InputStepperSkeleton,Ne as LINE_HEIGHT,Ko as LinkElement,Qo as LinkFieldComponent,Xo as LinkInternalElement,me as MAP_SIZE,ir as Modal,nr as ModalCard,or as ModalDescription,rr as ModalIcon,er as ModalTitle,dr as MoneyFieldComponent,$o as Orientation,et as PICKER_ARG_TYPES,gr as PINComponent,hr as PIN_SIZES,mr as PIN_SPACING,ur as PhoneNumberFieldComponent,Qr as PickerColumnElement,Jr as PickerComponent,go as SHADE_VALUES,xo as SIZES,he as SIZE_EXTRA_LARGE,Oe as STYLE,fr as SearchDropdownComponent,br as SearchFieldComponent,No as ShapeType,wr as SliderComponent,Sr as SwitchComponent,Fr as SwitchContentComponent,Ar as TABS_CONTAINER_HORIZONTAL,Tr as TABS_CONTAINER_VERTICAL,Mr as TAB_ACTIVE_BACKGROUND_HORIZONTAL,Dr as TAB_ACTIVE_BACKGROUND_VERTICAL,Er as TAB_BACKGROUND_STYLES,Ir as TAB_STYLES,Rr as TAB_UNDERLINE_STYLES,Ue as TYPOGRAPHY,Ge as TYPOGRAPHY_STYLES,Br as TabColors,zr as TabsComponent,Or as TextAreaComponent,Wr as TextFieldComponent,po as TypographyOneLine,Vr as UploaderComponent,Gr as UploaderItemComponent,kr as ValueLabelDisplay,pt as VideoPlayerComponent,Pe as createTypography,de as getAvatarSizeValue,pe as getBadgePosition,ce as getBadgeSizeKey,Ve as iconsMui,Zr as usePickerScroll};
|