diy-template-components 2.0.44 → 2.0.46

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/build/index.js CHANGED
@@ -678,14 +678,6 @@ var calendar$1 = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%
678
678
 
679
679
  var video = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2219%22%20viewBox%3D%220%200%2018%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.8625%205.1275C15.555%204.9625%2014.91%204.79%2014.0325%205.405L12.93%206.185C12.8475%203.8525%2011.835%202.9375%209.375%202.9375H4.875C2.31%202.9375%201.3125%203.935%201.3125%206.5V12.5C1.3125%2014.225%202.25%2016.0625%204.875%2016.0625H9.375C11.835%2016.0625%2012.8475%2015.1475%2012.93%2012.815L14.0325%2013.595C14.4975%2013.925%2014.9025%2014.03%2015.225%2014.03C15.5025%2014.03%2015.72%2013.9475%2015.8625%2013.8725C16.17%2013.715%2016.6875%2013.2875%2016.6875%2012.215V6.785C16.6875%205.7125%2016.17%205.285%2015.8625%205.1275ZM8.25%209.035C7.4775%209.035%206.84%208.405%206.84%207.625C6.84%206.845%207.4775%206.215%208.25%206.215C9.0225%206.215%209.66%206.845%209.66%207.625C9.66%208.405%209.0225%209.035%208.25%209.035Z%22%20fill%3D%22%23589DF5%22%2F%3E%3C%2Fsvg%3E";
680
680
 
681
- var bookSavedIcon = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22vuesax%2Foutline%2Fbook-saved%22%3E%3Cg%20id%3D%22book-saved%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M9.9998%2018.4C9.7498%2018.4%209.49982%2018.3417%209.29148%2018.225C7.73315%2017.375%204.9998%2016.475%203.28313%2016.25L3.04148%2016.2167C1.94982%2016.0834%201.0498%2015.0583%201.0498%2013.95V3.88333C1.0498%203.225%201.30814%202.62503%201.78314%202.19169C2.25814%201.75836%202.87478%201.55002%203.52478%201.60835C5.34978%201.75835%208.11646%202.67503%209.68313%203.65003L9.88312%203.76671C9.94145%203.79171%2010.0665%203.80004%2010.1165%203.76671L10.2498%203.68334C10.8081%203.33334%2011.5081%202.99166%2012.2748%202.68333C12.4664%202.60833%2012.6831%202.63335%2012.8581%202.75001C13.0331%202.86668%2013.1331%203.05834%2013.1331%203.26667V5.5L13.8248%205.04168C14.0332%204.90001%2014.3081%204.90001%2014.5164%205.04168L15.2081%205.5V2.31671C15.2081%202.01671%2015.4248%201.75834%2015.7165%201.7C15.9581%201.65834%2016.1998%201.62502%2016.4165%201.60835C16.4331%201.60835%2016.4998%201.60835%2016.5165%201.60835C17.1248%201.55835%2017.7498%201.7667%2018.2165%202.20003C18.6915%202.63337%2018.9498%203.23334%2018.9498%203.89167V13.95C18.9498%2015.0667%2018.0498%2016.0834%2016.9498%2016.2167L16.6748%2016.25C14.9581%2016.475%2012.2081%2017.3834%2010.6831%2018.225C10.4998%2018.3417%2010.2498%2018.4%209.9998%2018.4ZM3.31645%202.84167C3.04978%202.84167%202.80814%202.93334%202.61648%203.10834C2.40814%203.30001%202.29146%203.575%202.29146%203.88333V13.95C2.29146%2014.4417%202.71648%2014.9167%203.19148%2014.9833L3.44147%2015.0167C5.31647%2015.2667%208.19148%2016.2083%209.85814%2017.125C9.93314%2017.1583%2010.0414%2017.1667%2010.0831%2017.15C11.7581%2016.225%2014.6415%2015.275%2016.5248%2015.025L16.8081%2014.9917C17.2831%2014.9333%2017.7081%2014.45%2017.7081%2013.9584V3.90002C17.7081%203.59168%2017.5915%203.32502%2017.3831%203.12502C17.1748%202.93336%2016.8832%202.84168%2016.5832%202.85835C16.5582%202.85835%2016.4831%202.85835%2016.4665%202.85835V6.66669C16.4665%206.90002%2016.3415%207.10833%2016.1331%207.21667C15.9248%207.325%2015.6832%207.31669%2015.4915%207.18335L14.1748%206.30836L12.8581%207.18335C12.6665%207.30835%2012.4248%207.325%2012.2164%207.21667C12.0164%207.10833%2011.8831%206.90002%2011.8831%206.66669V4.22503C11.5248%204.40003%2011.1998%204.57502%2010.9164%204.74169L10.7831%204.825C10.3248%205.10834%209.67481%205.10835%209.23314%204.83335L9.03315%204.70838C7.62482%203.82504%205.05812%202.975%203.42478%202.84167C3.38312%202.84167%203.34978%202.84167%203.31645%202.84167Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M10%2017.7002C9.65833%2017.7002%209.375%2017.4169%209.375%2017.0752V4.5752C9.375%204.23353%209.65833%203.9502%2010%203.9502C10.3417%203.9502%2010.625%204.23353%2010.625%204.5752V17.0752C10.625%2017.4252%2010.3417%2017.7002%2010%2017.7002Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M15.8333%207.29166C15.7083%207.29166%2015.5917%207.25832%2015.4833%207.18332L14.1667%206.30833L12.85%207.18332C12.6583%207.30832%2012.4167%207.32497%2012.2084%207.21664C12.0084%207.1083%2011.875%206.89999%2011.875%206.66666V3.26664C11.875%203.00831%2012.0333%202.7833%2012.2666%202.6833C13.4166%202.22497%2014.675%201.86664%2015.7333%201.69997C15.9167%201.66664%2016.1%201.72501%2016.2417%201.84168C16.3833%201.95834%2016.4583%202.13335%2016.4583%202.31668V6.66666C16.4583%206.89999%2016.3333%207.1083%2016.125%207.21664C16.0333%207.26663%2015.9333%207.29166%2015.8333%207.29166ZM14.1667%204.93331C14.2833%204.93331%2014.4083%204.96665%2014.5167%205.04165L15.2083%205.49997V3.07499C14.5417%203.22499%2013.8167%203.44166%2013.125%203.69999V5.49997L13.8167%205.04165C13.925%204.96665%2014.05%204.93331%2014.1667%204.93331Z%22%20fill%3D%22%230A1629%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E";
682
-
683
- var teacherIcon = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22vuesax%2Foutline%2Fteacher%22%3E%3Cg%20id%3D%22teacher%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M10.0083%2014.1669C9.29994%2014.1669%208.58327%2013.9836%208.02494%2013.6252L3.00827%2010.3502C2.07493%209.74191%201.5166%208.71691%201.5166%207.60024C1.5166%206.48358%202.07493%205.45858%203.00827%204.85024L8.03327%201.58358C9.14994%200.858576%2010.8916%200.858576%2011.9999%201.59191L16.9916%204.86691C17.9166%205.47524%2018.4749%206.50024%2018.4749%207.60858C18.4749%208.71691%2017.9166%209.74191%2016.9916%2010.3502L11.9999%2013.6252C11.4416%2013.9919%2010.7249%2014.1669%2010.0083%2014.1669ZM10.0083%202.29191C9.53327%202.29191%209.05827%202.40024%208.7166%202.63358L3.69993%205.90024C3.1166%206.28358%202.77493%206.90024%202.77493%207.60024C2.77493%208.30024%203.10827%208.91691%203.69993%209.30024L8.7166%2012.5752C9.40827%2013.0252%2010.6249%2013.0252%2011.3166%2012.5752L16.3083%209.30024C16.8916%208.91691%2017.2249%208.30024%2017.2249%207.60024C17.2249%206.90024%2016.8916%206.28358%2016.3083%205.90024L11.3166%202.62524C10.9666%202.40858%2010.4916%202.29191%2010.0083%202.29191Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M10.0003%2018.9584C9.63365%2018.9584%209.25865%2018.9084%208.95865%2018.8084L6.30031%2017.925C5.04198%2017.5084%204.05031%2016.1334%204.05865%2014.8084L4.06698%2010.9C4.06698%2010.5584%204.35031%2010.275%204.69198%2010.275C5.03365%2010.275%205.31698%2010.5584%205.31698%2010.9L5.30865%2014.8084C5.30865%2015.5917%205.95865%2016.4917%206.70031%2016.7417L9.35865%2017.625C9.69198%2017.7334%2010.3086%2017.7334%2010.642%2017.625L13.3003%2016.7417C14.042%2016.4917%2014.692%2015.5917%2014.692%2014.8167V10.95C14.692%2010.6084%2014.9753%2010.325%2015.317%2010.325C15.6586%2010.325%2015.942%2010.6084%2015.942%2010.95V14.8167C15.942%2016.1417%2014.9586%2017.5084%2013.7003%2017.9334L11.042%2018.8167C10.742%2018.9084%2010.367%2018.9584%2010.0003%2018.9584Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M17.834%2013.125C17.4923%2013.125%2017.209%2012.8417%2017.209%2012.5V7.5C17.209%207.15833%2017.4923%206.875%2017.834%206.875C18.1757%206.875%2018.459%207.15833%2018.459%207.5V12.5C18.459%2012.8417%2018.1757%2013.125%2017.834%2013.125Z%22%20fill%3D%22%230A1629%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E";
684
-
685
- var medalIcon = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22vuesax%2Foutline%2Fmedal-star%22%3E%3Cg%20id%3D%22medal-star%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M10.0003%2013.9583C9.66699%2013.9583%209.33366%2013.9333%209.01699%2013.875C7.25033%2013.6167%205.64199%2012.6%204.62533%2011.0917C3.91699%2010.025%203.54199%208.78332%203.54199%207.49999C3.54199%203.94166%206.44199%201.04166%2010.0003%201.04166C13.5587%201.04166%2016.4587%203.94166%2016.4587%207.49999C16.4587%208.78332%2016.0837%2010.025%2015.3753%2011.0917C14.3503%2012.6083%2012.742%2013.6167%2010.9587%2013.8833C10.667%2013.9333%2010.3337%2013.9583%2010.0003%2013.9583ZM10.0003%202.29166C7.12533%202.29166%204.79199%204.62499%204.79199%207.49999C4.79199%208.54166%205.09199%209.54166%205.65866%2010.3917C6.48366%2011.6083%207.77533%2012.425%209.20866%2012.6333C9.74199%2012.725%2010.267%2012.725%2010.7587%2012.6333C12.217%2012.425%2013.5087%2011.6%2014.3337%2010.3833C14.9003%209.53332%2015.2003%208.53332%2015.2003%207.49165C15.2087%204.62498%2012.8753%202.29166%2010.0003%202.29166Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M5.39111%2018.825C5.27444%2018.825%205.16611%2018.8083%205.04944%2018.7833C4.50777%2018.6583%204.09111%2018.2416%203.96611%2017.7L3.67444%2016.475C3.65777%2016.4%203.59944%2016.3416%203.51611%2016.3166L2.14111%2015.9917C1.62444%2015.8667%201.21611%2015.4833%201.07444%2014.975C0.932774%2014.4667%201.07444%2013.9167%201.44944%2013.5417L4.69944%2010.2917C4.83277%2010.1583%205.01611%2010.0917%205.19944%2010.1083C5.38277%2010.125%205.54944%2010.225%205.65777%2010.3833C6.48277%2011.6%207.77444%2012.425%209.21611%2012.6333C9.74944%2012.725%2010.2744%2012.725%2010.7661%2012.6333C12.2244%2012.425%2013.5161%2011.6%2014.3411%2010.3833C14.4411%2010.225%2014.6161%2010.125%2014.7994%2010.1083C14.9828%2010.0917%2015.1661%2010.1583%2015.2994%2010.2917L18.5494%2013.5417C18.9244%2013.9167%2019.0661%2014.4667%2018.9244%2014.975C18.7828%2015.4833%2018.3661%2015.875%2017.8578%2015.9917L16.4828%2016.3166C16.4078%2016.3333%2016.3494%2016.3916%2016.3244%2016.475L16.0328%2017.7C15.9078%2018.2416%2015.4911%2018.6583%2014.9494%2018.7833C14.4078%2018.9167%2013.8494%2018.725%2013.4994%2018.3L9.99944%2014.275L6.49944%2018.3083C6.21611%2018.6417%205.81611%2018.825%205.39111%2018.825ZM5.07444%2011.6916L2.33277%2014.4333C2.25777%2014.5083%202.26611%2014.5917%202.28277%2014.6417C2.29111%2014.6833%202.33277%2014.7666%202.43277%2014.7833L3.80777%2015.1083C4.34944%2015.2333%204.76611%2015.65%204.89111%2016.1916L5.18277%2017.4166C5.20777%2017.525%205.29111%2017.5583%205.34111%2017.575C5.39111%2017.5833%205.47444%2017.5917%205.54944%2017.5083L8.74111%2013.8333C7.32444%2013.5583%206.02444%2012.8%205.07444%2011.6916ZM11.2578%2013.825L14.4494%2017.4916C14.5244%2017.5833%2014.6161%2017.5833%2014.6661%2017.5666C14.7161%2017.5583%2014.7911%2017.5167%2014.8244%2017.4083L15.1161%2016.1833C15.2411%2015.6417%2015.6578%2015.225%2016.1994%2015.1L17.5744%2014.775C17.6744%2014.75%2017.7161%2014.675%2017.7244%2014.6333C17.7411%2014.5916%2017.7494%2014.5%2017.6744%2014.425L14.9328%2011.6833C13.9744%2012.7916%2012.6828%2013.55%2011.2578%2013.825Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M11.5753%2010.7419C11.3586%2010.7419%2011.1003%2010.6835%2010.7919%2010.5002L10.0003%2010.0252L9.20861%2010.4919C8.48361%2010.9252%208.00861%2010.6752%207.83361%2010.5502C7.65861%2010.4252%207.28361%2010.0502%207.47528%209.22521L7.67528%208.36688L7.00861%207.75019C6.64195%207.38353%206.50861%206.94188%206.63361%206.54188C6.75861%206.14188%207.12528%205.85853%207.64195%205.7752L8.53361%205.6252L8.95861%204.69187C9.20028%204.21687%209.57528%203.9502%2010.0003%203.9502C10.4253%203.9502%2010.8086%204.22522%2011.0419%204.70022L11.5336%205.68354L12.3586%205.78354C12.8669%205.86687%2013.2336%206.15019%2013.3669%206.55019C13.4919%206.95019%2013.3586%207.39187%2012.9919%207.75853L12.3003%208.45022L12.5169%209.22521C12.7086%2010.0502%2012.3336%2010.4252%2012.1586%2010.5502C12.0669%2010.6252%2011.8669%2010.7419%2011.5753%2010.7419ZM8.00861%206.99188L8.58361%207.56686C8.85028%207.83353%208.98361%208.28354%208.90028%208.65021L8.74195%209.31686L9.40861%208.9252C9.76695%208.71686%2010.2503%208.71686%2010.6003%208.9252L11.2669%209.31686L11.1169%208.65021C11.0336%208.27521%2011.1586%207.83353%2011.4253%207.56686L12.0003%206.99188L11.2753%206.86686C10.9253%206.80853%2010.5753%206.55021%2010.4169%206.23355L10.0003%205.41687L9.58361%206.2502C9.43361%206.55854%209.08361%206.82521%208.73361%206.88355L8.00861%206.99188Z%22%20fill%3D%22%230A1629%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E";
686
-
687
- var groupProfile = "data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22vuesax%2Foutline%2Fprofile-2user%22%3E%3Cg%20id%3D%22profile-2user%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M12.2124%2015.4933C12.1724%2015.4933%2012.1458%2015.4933%2012.1058%2015.4933C12.0391%2015.48%2011.9458%2015.48%2011.8658%2015.4933C7.9991%2015.3733%205.0791%2012.3333%205.0791%208.58666C5.0791%204.77332%208.18577%201.66666%2011.9991%201.66666C15.8124%201.66666%2018.9191%204.77332%2018.9191%208.58666C18.9058%2012.3333%2015.9724%2015.3733%2012.2524%2015.4933C12.2391%2015.4933%2012.2258%2015.4933%2012.2124%2015.4933ZM11.9991%203.66666C9.29244%203.66666%207.0791%205.87999%207.0791%208.58666C7.0791%2011.2533%209.1591%2013.4%2011.8124%2013.4933C11.8924%2013.48%2012.0658%2013.48%2012.2391%2013.4933C14.8524%2013.3733%2016.9058%2011.2267%2016.9191%208.58666C16.9191%205.87999%2014.7058%203.66666%2011.9991%203.66666Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M22.0522%2015.6667C22.0122%2015.6667%2021.9722%2015.6667%2021.9322%2015.6533C21.3855%2015.7067%2020.8255%2015.32%2020.7722%2014.7733C20.7188%2014.2267%2021.0522%2013.7333%2021.5988%2013.6667C21.7588%2013.6533%2021.9322%2013.6533%2022.0788%2013.6533C24.0255%2013.5467%2025.5455%2011.9467%2025.5455%209.98668C25.5455%207.96001%2023.9055%206.32001%2021.8788%206.32001C21.3322%206.33334%2020.8788%205.88001%2020.8788%205.33334C20.8788%204.78668%2021.3322%204.33334%2021.8788%204.33334C24.9988%204.33334%2027.5455%206.88001%2027.5455%2010C27.5455%2013.0667%2025.1455%2015.5467%2022.0922%2015.6667C22.0788%2015.6667%2022.0655%2015.6667%2022.0522%2015.6667Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M12.2261%2030.0666C9.61281%2030.0666%206.98615%2029.4%204.99948%2028.0666C3.14615%2026.84%202.13281%2025.16%202.13281%2023.3333C2.13281%2021.5066%203.14615%2019.8133%204.99948%2018.5733C8.99948%2015.92%2015.4795%2015.92%2019.4528%2018.5733C21.2928%2019.8%2022.3195%2021.48%2022.3195%2023.3066C22.3195%2025.1333%2021.3061%2026.8266%2019.4528%2028.0666C17.4528%2029.4%2014.8395%2030.0666%2012.2261%2030.0666ZM6.10615%2020.2533C4.82615%2021.1066%204.13281%2022.2%204.13281%2023.3466C4.13281%2024.48%204.83948%2025.5733%206.10615%2026.4133C9.42615%2028.64%2015.0261%2028.64%2018.3461%2026.4133C19.6261%2025.56%2020.3195%2024.4666%2020.3195%2023.32C20.3195%2022.1866%2019.6128%2021.0933%2018.3461%2020.2533C15.0261%2018.04%209.42615%2018.04%206.10615%2020.2533Z%22%20fill%3D%22%230A1629%22%2F%3E%3Cpath%20id%3D%22Vector_4%22%20d%3D%22M24.4526%2027.6667C23.9859%2027.6667%2023.5726%2027.3467%2023.4792%2026.8667C23.3726%2026.32%2023.7192%2025.8%2024.2526%2025.68C25.0926%2025.5067%2025.8659%2025.1734%2026.4659%2024.7067C27.2259%2024.1334%2027.6392%2023.4134%2027.6392%2022.6534C27.6392%2021.8934%2027.2259%2021.1734%2026.4792%2020.6134C25.8926%2020.16%2025.1592%2019.84%2024.2926%2019.64C23.7592%2019.52%2023.4126%2018.9867%2023.5326%2018.44C23.6526%2017.9067%2024.1859%2017.56%2024.7326%2017.68C25.8792%2017.9334%2026.8792%2018.3867%2027.6926%2019.0134C28.9326%2019.9467%2029.6392%2021.2667%2029.6392%2022.6534C29.6392%2024.04%2028.9192%2025.36%2027.6792%2026.3067C26.8526%2026.9467%2025.8126%2027.4134%2024.6659%2027.64C24.5859%2027.6667%2024.5192%2027.6667%2024.4526%2027.6667Z%22%20fill%3D%22%230A1629%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E";
688
-
689
681
  /** @returns {import('./types').IconData} */
690
682
  const getConfiguredIcon1 = url => ({
691
683
  url,
@@ -786,11 +778,7 @@ const icons = {
786
778
  'Book Saved': getConfiguredIcon2(bookSaved, false, true),
787
779
  Certificate: getConfiguredIcon2(certificate, false, true),
788
780
  Calendar: getConfiguredIcon2(calendar$1, false, true),
789
- Video: getConfiguredIcon2(video, false, true),
790
- BookSaved: getConfiguredIcon2(bookSavedIcon, false, true),
791
- Teacher: getConfiguredIcon2(teacherIcon, false, true),
792
- Medal: getConfiguredIcon2(medalIcon, false, true),
793
- GroupProfile: getConfiguredIcon2(groupProfile, false, true)
781
+ Video: getConfiguredIcon2(video, false, true)
794
782
  };
795
783
 
796
784
  const someMethod1 = ( /** @type {import('./types').IconData["svgChildrenConfigs"]} */svgChildrenConfigs, color, hoverColor) => {
@@ -1620,7 +1608,6 @@ const useSectionStyles$9 = createUseStyles(theme => ({
1620
1608
 
1621
1609
  // '& img': { maxHeight: '55px' }
1622
1610
  },
1623
-
1624
1611
  upperContainerItem1Img: {
1625
1612
  maxHeight: '55px',
1626
1613
  paddingBottom: '84px',
@@ -2047,7 +2034,6 @@ const mobilePadding = {
2047
2034
  // 24px
2048
2035
  medium: baseFactor * 6 // 48px
2049
2036
  };
2050
-
2051
2037
  const padding = {
2052
2038
  minute: baseFactor * 2,
2053
2039
  // 16px
@@ -2173,29 +2159,28 @@ function NanumSquare() {
2173
2159
  }
2174
2160
 
2175
2161
  const TYPE_TO_COMPONENT_MAP$1 = {
2176
- BANNER_CAROUSEL_RIGHT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$m; })),
2177
- GRID_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$l; })),
2178
- BANNER_CAROUSEL_CENTER: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$k; })),
2179
- BANNER_CAROUSEL_LEFT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$j; })),
2180
- FORM_SUBSCRIBE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$i; })),
2181
- TEXT_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$h; })),
2182
- VIDEO_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$g; })),
2183
- VIDEO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$f; })),
2184
- INFO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$e; })),
2185
- TEXT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$d; })),
2186
- IMAGE_GALLERY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$c; })),
2187
- FAQ_LISTING: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$b; })),
2188
- COURSE_CAROUSEL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$9; })),
2189
- TEAM_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$8; })),
2190
- TEXT_GRID: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$a; })),
2191
- CONTACT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$7; })),
2192
- FORM_ENQUIRY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$6; })),
2193
- WEBINAR_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$5; })),
2194
- COURSE_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$4; })),
2195
- FORM_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$3; })),
2196
- TILES_SECTION: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$2; })),
2197
- EMAIL_DRIP_MARKET: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$1; })),
2198
- ABOUT_INSTITUTE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index; }))
2162
+ BANNER_CAROUSEL_RIGHT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$l; })),
2163
+ GRID_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$k; })),
2164
+ BANNER_CAROUSEL_CENTER: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$j; })),
2165
+ BANNER_CAROUSEL_LEFT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$i; })),
2166
+ FORM_SUBSCRIBE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$h; })),
2167
+ TEXT_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$g; })),
2168
+ VIDEO_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$f; })),
2169
+ VIDEO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$e; })),
2170
+ INFO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$d; })),
2171
+ TEXT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$c; })),
2172
+ IMAGE_GALLERY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$b; })),
2173
+ FAQ_LISTING: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$a; })),
2174
+ COURSE_CAROUSEL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$8; })),
2175
+ TEAM_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$7; })),
2176
+ TEXT_GRID: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$9; })),
2177
+ CONTACT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$6; })),
2178
+ FORM_ENQUIRY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$5; })),
2179
+ WEBINAR_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$4; })),
2180
+ COURSE_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$3; })),
2181
+ FORM_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$2; })),
2182
+ TILES_SECTION: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$1; })),
2183
+ EMAIL_DRIP_MARKET: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index; }))
2199
2184
  };
2200
2185
  const getCompToRender$1 = type => TYPE_TO_COMPONENT_MAP$1[type] || (() => null);
2201
2186
  const MemoisedSection$1 = /*#__PURE__*/React.memo(({
@@ -2514,7 +2499,6 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2514
2499
  // }
2515
2500
  // }
2516
2501
  },
2517
-
2518
2502
  sectionContainer: {
2519
2503
  margin: '0 auto',
2520
2504
  maxWidth: ({
@@ -2946,7 +2930,7 @@ function BannerCarouselRight({
2946
2930
  })))));
2947
2931
  }
2948
2932
 
2949
- var index$m = /*#__PURE__*/Object.freeze({
2933
+ var index$l = /*#__PURE__*/Object.freeze({
2950
2934
  __proto__: null,
2951
2935
  'default': BannerCarouselRight
2952
2936
  });
@@ -3084,7 +3068,6 @@ const useSectionStyles$7 = createUseStyles(theme => ({
3084
3068
  // padding: '0'
3085
3069
  }
3086
3070
  },
3087
-
3088
3071
  '&:nth-child(2n+1)': {
3089
3072
  marginRight: '0',
3090
3073
  '& $contentText': {
@@ -3094,7 +3077,6 @@ const useSectionStyles$7 = createUseStyles(theme => ({
3094
3077
  }
3095
3078
  }
3096
3079
  },
3097
-
3098
3080
  contentNumber: {
3099
3081
  width: '100%',
3100
3082
  padding: '24px',
@@ -3172,7 +3154,7 @@ function List({
3172
3154
  }))));
3173
3155
  }
3174
3156
 
3175
- var index$l = /*#__PURE__*/Object.freeze({
3157
+ var index$k = /*#__PURE__*/Object.freeze({
3176
3158
  __proto__: null,
3177
3159
  'default': List
3178
3160
  });
@@ -3466,7 +3448,7 @@ function BannerCarouselCenter({
3466
3448
  }))));
3467
3449
  }
3468
3450
 
3469
- var index$k = /*#__PURE__*/Object.freeze({
3451
+ var index$j = /*#__PURE__*/Object.freeze({
3470
3452
  __proto__: null,
3471
3453
  'default': BannerCarouselCenter
3472
3454
  });
@@ -3487,7 +3469,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
3487
3469
  // }
3488
3470
  // }
3489
3471
  },
3490
-
3491
3472
  sectionContainer: {
3492
3473
  margin: '0 auto',
3493
3474
  maxWidth: ({
@@ -3501,7 +3482,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
3501
3482
 
3502
3483
  // padding: `${theme?.spacing?.padding?.regular}px ${theme?.spacing?.padding?.medium}px 0px ${theme?.spacing?.padding?.medium}px`
3503
3484
  },
3504
-
3505
3485
  imageContainerDiv: {
3506
3486
  width: '50%',
3507
3487
  position: 'relative'
@@ -3573,7 +3553,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
3573
3553
  width: '100%'
3574
3554
  // padding: `${theme?.spacing?.padding?.medium}px ${theme?.spacing?.padding?.regular}px`
3575
3555
  },
3576
-
3577
3556
  imageContainer: {
3578
3557
  height: 'unset !important',
3579
3558
  '& img': {
@@ -3698,7 +3677,7 @@ function BannerCarouselLeft({
3698
3677
  })))));
3699
3678
  }
3700
3679
 
3701
- var index$j = /*#__PURE__*/Object.freeze({
3680
+ var index$i = /*#__PURE__*/Object.freeze({
3702
3681
  __proto__: null,
3703
3682
  'default': BannerCarouselLeft
3704
3683
  });
@@ -4094,7 +4073,7 @@ function SubscribeToNewsletter({
4094
4073
  })))))));
4095
4074
  }
4096
4075
 
4097
- var index$i = /*#__PURE__*/Object.freeze({
4076
+ var index$h = /*#__PURE__*/Object.freeze({
4098
4077
  __proto__: null,
4099
4078
  'default': SubscribeToNewsletter
4100
4079
  });
@@ -4382,7 +4361,7 @@ function Testimonials({
4382
4361
  }));
4383
4362
  }
4384
4363
 
4385
- var index$h = /*#__PURE__*/Object.freeze({
4364
+ var index$g = /*#__PURE__*/Object.freeze({
4386
4365
  __proto__: null,
4387
4366
  'default': Testimonials
4388
4367
  });
@@ -4580,7 +4559,6 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
4580
4559
  fontFamily: theme?.typography?.fontFamily
4581
4560
  // boxSizing: 'border-box'
4582
4561
  },
4583
-
4584
4562
  '& h2,& h3,& p': {
4585
4563
  marginTop: '0'
4586
4564
  }
@@ -4605,7 +4583,6 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
4605
4583
  wordBreak: 'break-word'
4606
4584
  // marginBottom: '8px'
4607
4585
  },
4608
-
4609
4586
  videoTestimonialTitle: {
4610
4587
  fontSize: theme.typography.fontSize.h2,
4611
4588
  // lineHeight: '71px',
@@ -4788,7 +4765,7 @@ function VideoTestimonial({
4788
4765
  }))))));
4789
4766
  }
4790
4767
 
4791
- var index$g = /*#__PURE__*/Object.freeze({
4768
+ var index$f = /*#__PURE__*/Object.freeze({
4792
4769
  __proto__: null,
4793
4770
  'default': VideoTestimonial
4794
4771
  });
@@ -5024,7 +5001,7 @@ function Video({
5024
5001
  }, carouselContent))));
5025
5002
  }
5026
5003
 
5027
- var index$f = /*#__PURE__*/Object.freeze({
5004
+ var index$e = /*#__PURE__*/Object.freeze({
5028
5005
  __proto__: null,
5029
5006
  'default': Video
5030
5007
  });
@@ -5046,7 +5023,6 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5046
5023
  // }
5047
5024
  // }
5048
5025
  },
5049
-
5050
5026
  sectionContainer: {
5051
5027
  margin: '0 auto',
5052
5028
  maxWidth: ({
@@ -5261,7 +5237,7 @@ function Info({
5261
5237
  }, carouselContent))));
5262
5238
  }
5263
5239
 
5264
- var index$e = /*#__PURE__*/Object.freeze({
5240
+ var index$d = /*#__PURE__*/Object.freeze({
5265
5241
  __proto__: null,
5266
5242
  'default': Info
5267
5243
  });
@@ -5380,7 +5356,7 @@ const TextSection = ({
5380
5356
  })))));
5381
5357
  };
5382
5358
 
5383
- var index$d = /*#__PURE__*/Object.freeze({
5359
+ var index$c = /*#__PURE__*/Object.freeze({
5384
5360
  __proto__: null,
5385
5361
  'default': TextSection
5386
5362
  });
@@ -5404,7 +5380,6 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
5404
5380
  // }
5405
5381
  // }
5406
5382
  },
5407
-
5408
5383
  sectionContainer: {
5409
5384
  margin: '0 auto',
5410
5385
  maxWidth: ({
@@ -5435,7 +5410,6 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
5435
5410
  position: 'relative',
5436
5411
  paddingBottom: '59.83%' // keeping aspect ratio 585x350
5437
5412
  },
5438
-
5439
5413
  contentRow: {
5440
5414
  display: 'grid',
5441
5415
  gridTemplateColumns: ({
@@ -5605,7 +5579,7 @@ function PhotoGallery({
5605
5579
  }, carouselContent))));
5606
5580
  }
5607
5581
 
5608
- var index$c = /*#__PURE__*/Object.freeze({
5582
+ var index$b = /*#__PURE__*/Object.freeze({
5609
5583
  __proto__: null,
5610
5584
  'default': PhotoGallery
5611
5585
  });
@@ -5788,7 +5762,7 @@ const Accordion = ({
5788
5762
  })));
5789
5763
  };
5790
5764
 
5791
- var index$b = /*#__PURE__*/Object.freeze({
5765
+ var index$a = /*#__PURE__*/Object.freeze({
5792
5766
  __proto__: null,
5793
5767
  'default': FAQListing
5794
5768
  });
@@ -5959,7 +5933,7 @@ const TextGrid = ({
5959
5933
  }, carouselContent))));
5960
5934
  };
5961
5935
 
5962
- var index$a = /*#__PURE__*/Object.freeze({
5936
+ var index$9 = /*#__PURE__*/Object.freeze({
5963
5937
  __proto__: null,
5964
5938
  'default': TextGrid
5965
5939
  });
@@ -5982,7 +5956,6 @@ const useCourseStyles = createUseStyles(theme => {
5982
5956
  // }
5983
5957
  // }
5984
5958
  },
5985
-
5986
5959
  sectionContainer: {
5987
5960
  margin: '0 auto',
5988
5961
  maxWidth: ({
@@ -6015,7 +5988,6 @@ const useCourseStyles = createUseStyles(theme => {
6015
5988
  // textAlign: 'center',
6016
5989
  // wordBreak: 'break-word'
6017
5990
  },
6018
-
6019
5991
  slickContainer: {
6020
5992
  marginRight: '-20px'
6021
5993
  },
@@ -6063,7 +6035,6 @@ const useCourseStyles = createUseStyles(theme => {
6063
6035
  justifyContent: 'space-between'
6064
6036
  //alignItems: 'center',
6065
6037
  },
6066
-
6067
6038
  courseCardTags: {
6068
6039
  display: 'flex',
6069
6040
  justifyContent: 'flex-start',
@@ -6094,7 +6065,6 @@ const useCourseStyles = createUseStyles(theme => {
6094
6065
  // whiteSpace: 'nowrap',
6095
6066
  // textOverflow: 'ellipsis'
6096
6067
  },
6097
-
6098
6068
  courseCardDiscount: {
6099
6069
  display: 'flex',
6100
6070
  justifyContent: 'flex-start',
@@ -6201,7 +6171,6 @@ const useCourseStyles = createUseStyles(theme => {
6201
6171
  // whiteSpace: 'nowrap',
6202
6172
  // textOverflow: 'ellipsis'
6203
6173
  },
6204
-
6205
6174
  singleCard: {
6206
6175
  margin: '6px 2px'
6207
6176
  // width: 'calc(100% - 12px)'
@@ -6491,7 +6460,7 @@ function SimpleCardsContainer({
6491
6460
  }, children);
6492
6461
  }
6493
6462
 
6494
- var index$9 = /*#__PURE__*/Object.freeze({
6463
+ var index$8 = /*#__PURE__*/Object.freeze({
6495
6464
  __proto__: null,
6496
6465
  'default': courses
6497
6466
  });
@@ -6543,24 +6512,22 @@ const useTeamStyles = createUseStyles(theme => {
6543
6512
  margin: '0 -20px'
6544
6513
  },
6545
6514
  contentRow: {
6546
- display: 'flex',
6547
- justifyContent: 'center',
6548
- gap: '20px'
6549
- // gridTemplateColumns: ({ slidesToShow } = {}) =>
6550
- // `repeat(${slidesToShow},minmax(0, 1fr))`
6515
+ display: 'grid',
6516
+ gridTemplateColumns: ({
6517
+ slidesToShow
6518
+ } = {}) => `repeat(${slidesToShow},minmax(0, 1fr))`
6551
6519
  },
6552
-
6553
6520
  singleSlideContainer: {
6554
6521
  backgroundColor: theme?.palette?.background?.default,
6555
- margin: '20px 0',
6522
+ margin: '20px',
6523
+ width: 'calc(100% - 24px)',
6556
6524
  borderRadius: theme?.shape?.borderRadius?.large,
6557
6525
  boxShadow: theme?.shadows?.primary,
6558
6526
  minHeight: '385px'
6559
6527
  },
6560
6528
  imageContainer: {
6561
6529
  minWidth: '100%',
6562
- position: 'relative',
6563
- height: '208px'
6530
+ position: 'relative'
6564
6531
  },
6565
6532
  image: {
6566
6533
  width: '100%',
@@ -6575,7 +6542,6 @@ const useTeamStyles = createUseStyles(theme => {
6575
6542
  padding: '24px'
6576
6543
  // overflowWrap: 'break-word'
6577
6544
  },
6578
-
6579
6545
  teamDetailsHeading: {
6580
6546
  fontSize: theme.typography.fontSize.h6,
6581
6547
  fontWeight: theme.typography.fontWeight.bold,
@@ -6593,7 +6559,7 @@ const useTeamStyles = createUseStyles(theme => {
6593
6559
  fontSize: '14px',
6594
6560
  lineHeight: '18px',
6595
6561
  color: theme?.palette?.font?.primary,
6596
- fontWeight: '400',
6562
+ fontWeight: '500',
6597
6563
  textOverflow: 'ellipsis',
6598
6564
  overflow: 'hidden',
6599
6565
  display: '-webkit-box',
@@ -6642,7 +6608,7 @@ const useTeamStyles = createUseStyles(theme => {
6642
6608
  },
6643
6609
  singleSlideContainer: {
6644
6610
  padding: '24px',
6645
- // width: 'calc(100% - 16px)',
6611
+ width: 'calc(100% - 16px)',
6646
6612
  margin: '12px 4px',
6647
6613
  minHeight: '260px'
6648
6614
  },
@@ -6673,24 +6639,14 @@ var StarIcon = "data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22
6673
6639
 
6674
6640
  const SingleSlide = ({
6675
6641
  data,
6676
- sectionIndex,
6677
- fullWidth,
6678
- isMobile
6642
+ sectionIndex
6679
6643
  }) => {
6680
6644
  const classes = useTeamStyles();
6681
- console.log("isMobile", isMobile);
6682
6645
  return /*#__PURE__*/React__default["default"].createElement("div", {
6683
- className: classes.singleSlideContainer,
6684
- style: isMobile ? {
6685
- width: 'calc(100% - 16px)'
6686
- } : fullWidth ? {
6687
- width: 'calc(100% - 24px)'
6688
- } : {
6689
- width: 'calc(25% - 24px)'
6690
- }
6646
+ className: classes.singleSlideContainer
6691
6647
  }, /*#__PURE__*/React__default["default"].createElement("div", {
6692
6648
  className: classes.imageContainer
6693
- }, data?.teamSlideStarTutor?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("span", {
6649
+ }, data?.teamSlideStarTutor?.metadata?.value === 'true' ? /*#__PURE__*/React__default["default"].createElement("span", {
6694
6650
  className: classes.starTag
6695
6651
  }, /*#__PURE__*/React__default["default"].createElement("img", {
6696
6652
  src: StarIcon
@@ -6710,13 +6666,7 @@ const SingleSlide = ({
6710
6666
  dangerouslySetInnerHTML: {
6711
6667
  __html: data.teamSlideTitle.metadata.value
6712
6668
  }
6713
- }), data?.teamSlideSubTitle?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
6714
- ref: data?.teamSlideSubTitle?.refSetter,
6715
- className: classes.teamDetailsSubHeading,
6716
- dangerouslySetInnerHTML: {
6717
- __html: data.teamSlideSubTitle.metadata.value
6718
- }
6719
- }) : null, data?.teamSlideYearOfExperience?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
6669
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
6720
6670
  className: classes.subHeadingWrapper
6721
6671
  }, /*#__PURE__*/React__default["default"].createElement("img", {
6722
6672
  src: RankIcon
@@ -6726,7 +6676,7 @@ const SingleSlide = ({
6726
6676
  dangerouslySetInnerHTML: {
6727
6677
  __html: data.teamSlideYearOfExperience.metadata.value
6728
6678
  }
6729
- })) : null, data?.teamSlideSpecialisation?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
6679
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
6730
6680
  className: classes.subHeadingWrapper
6731
6681
  }, /*#__PURE__*/React__default["default"].createElement("img", {
6732
6682
  src: Book
@@ -6736,7 +6686,7 @@ const SingleSlide = ({
6736
6686
  dangerouslySetInnerHTML: {
6737
6687
  __html: data.teamSlideSpecialisation.metadata.value
6738
6688
  }
6739
- })) : null, data?.teamSlideQualification?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
6689
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
6740
6690
  className: classes.subHeadingWrapper
6741
6691
  }, /*#__PURE__*/React__default["default"].createElement("img", {
6742
6692
  src: Teacher
@@ -6746,7 +6696,7 @@ const SingleSlide = ({
6746
6696
  dangerouslySetInnerHTML: {
6747
6697
  __html: data.teamSlideQualification.metadata.value
6748
6698
  }
6749
- })) : null));
6699
+ }))));
6750
6700
  };
6751
6701
 
6752
6702
  function TeamCard({
@@ -6776,13 +6726,11 @@ function TeamCard({
6776
6726
  centerPadding: isMobile ? '40px 0 0' : '8px 0 0 ',
6777
6727
  centerMode: true
6778
6728
  };
6779
- const getCarouselContent = (fullWidth = false) => teamData.teamCarousel.components.map((data, idx) => {
6729
+ const carouselContent = teamData.teamCarousel.components.map((data, idx) => {
6780
6730
  return /*#__PURE__*/React__default["default"].createElement(SingleSlide, {
6781
6731
  key: idx,
6782
6732
  data: data,
6783
- sectionIndex: sectionIndex,
6784
- fullWidth: fullWidth,
6785
- isMobile: isMobile
6733
+ sectionIndex: sectionIndex
6786
6734
  });
6787
6735
  });
6788
6736
  return /*#__PURE__*/React__default["default"].createElement("section", {
@@ -6806,12 +6754,12 @@ function TeamCard({
6806
6754
  })), cardsCount > slidesToShow ? /*#__PURE__*/React__default["default"].createElement(Carousel, {
6807
6755
  hideArrow: isMobile,
6808
6756
  settings: settings
6809
- }, getCarouselContent(true)) : /*#__PURE__*/React__default["default"].createElement("div", {
6757
+ }, carouselContent) : /*#__PURE__*/React__default["default"].createElement("div", {
6810
6758
  className: classes.contentRow
6811
- }, " ", getCarouselContent())));
6759
+ }, " ", carouselContent)));
6812
6760
  }
6813
6761
 
6814
- var index$8 = /*#__PURE__*/Object.freeze({
6762
+ var index$7 = /*#__PURE__*/Object.freeze({
6815
6763
  __proto__: null,
6816
6764
  'default': TeamCard
6817
6765
  });
@@ -6839,7 +6787,6 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6839
6787
  // }
6840
6788
  // }
6841
6789
  },
6842
-
6843
6790
  formContainer: {
6844
6791
  margin: '0 auto',
6845
6792
  maxWidth: ({
@@ -6876,14 +6823,12 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6876
6823
  display: 'flex'
6877
6824
  // alignItems: 'flex-start',
6878
6825
  },
6879
-
6880
6826
  leftContainerForm: {
6881
6827
  width: '65%',
6882
6828
  display: 'flex',
6883
6829
  flexDirection: 'column'
6884
6830
  // justifyContent: 'space-between'
6885
6831
  },
6886
-
6887
6832
  subtitle: {
6888
6833
  // margin: '0 0 40px 0',
6889
6834
  fontSize: theme.typography.fontSize.h5,
@@ -6951,7 +6896,6 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6951
6896
  width: '100%'
6952
6897
  // padding: '0 16ox'
6953
6898
  },
6954
-
6955
6899
  rightContainer: {
6956
6900
  width: '100%',
6957
6901
  padding: '0'
@@ -7236,7 +7180,7 @@ function FormEnquiry({
7236
7180
  })))))));
7237
7181
  }
7238
7182
 
7239
- var index$7 = /*#__PURE__*/Object.freeze({
7183
+ var index$6 = /*#__PURE__*/Object.freeze({
7240
7184
  __proto__: null,
7241
7185
  'default': FormEnquiry
7242
7186
  });
@@ -7264,7 +7208,6 @@ const useSectionStyles = createUseStyles(theme => ({
7264
7208
  // }
7265
7209
  // }
7266
7210
  },
7267
-
7268
7211
  contactContainer: {
7269
7212
  width: '100%',
7270
7213
  margin: '0 auto',
@@ -7303,7 +7246,6 @@ const useSectionStyles = createUseStyles(theme => ({
7303
7246
  // justifyContent: 'space-between',
7304
7247
  // flex: 1
7305
7248
  },
7306
-
7307
7249
  subtitle: {
7308
7250
  // margin: '0 0 auto 0',
7309
7251
  fontSize: theme.typography.fontSize.h6,
@@ -7660,7 +7602,7 @@ function Contact({
7660
7602
  })))))));
7661
7603
  }
7662
7604
 
7663
- var index$6 = /*#__PURE__*/Object.freeze({
7605
+ var index$5 = /*#__PURE__*/Object.freeze({
7664
7606
  __proto__: null,
7665
7607
  'default': Contact
7666
7608
  });
@@ -7748,7 +7690,6 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7748
7690
  marginTop: '5%'
7749
7691
  // padding: '0px 5% 0px 5%'
7750
7692
  },
7751
-
7752
7693
  iframe: {
7753
7694
  position: 'absolute',
7754
7695
  width: '100%',
@@ -8096,7 +8037,6 @@ const SingleVideoSlide$1 = props => {
8096
8037
  value: data.isPaid ? buyNowText : registerNowText
8097
8038
  // isExternal: 1
8098
8039
  },
8099
-
8100
8040
  onClick: webinarCtaClick,
8101
8041
  type: 'primary',
8102
8042
  size: 'medium',
@@ -8139,7 +8079,7 @@ function CoursePromotionPage$1({
8139
8079
  }))));
8140
8080
  }
8141
8081
 
8142
- var index$5 = /*#__PURE__*/Object.freeze({
8082
+ var index$4 = /*#__PURE__*/Object.freeze({
8143
8083
  __proto__: null,
8144
8084
  'default': CoursePromotionPage$1
8145
8085
  });
@@ -8165,7 +8105,6 @@ const useCoursePromotionPage = createUseStyles(theme => {
8165
8105
  // }
8166
8106
  // }
8167
8107
  },
8168
-
8169
8108
  sectionContainer: {
8170
8109
  margin: '0 auto',
8171
8110
  maxWidth: ({
@@ -8283,7 +8222,6 @@ const useCoursePromotionPage = createUseStyles(theme => {
8283
8222
  // paddingBottom: '10px',
8284
8223
  // paddingTop: '10px'
8285
8224
  },
8286
-
8287
8225
  bannerContainer: {
8288
8226
  width: '100%',
8289
8227
  background: theme?.colors?.bannerColor,
@@ -8298,7 +8236,6 @@ const useCoursePromotionPage = createUseStyles(theme => {
8298
8236
  clipPath: 'polygon(0 0, 100% 0, 100% calc(100% - 10px), 0 calc(100% - 10px), 15px calc(50% - 10px/2))'
8299
8237
  // marginBottom: '16px'
8300
8238
  },
8301
-
8302
8239
  bannerContainerText: {
8303
8240
  transform: 'rotate(180deg)'
8304
8241
  },
@@ -8411,7 +8348,6 @@ const useCoursePromotionPage = createUseStyles(theme => {
8411
8348
  height: 'max-content'
8412
8349
  // paddingRight: '10px'
8413
8350
  },
8414
-
8415
8351
  videoDetails: {
8416
8352
  width: '100%'
8417
8353
  },
@@ -8670,7 +8606,6 @@ const SingleVideoSlide = props => {
8670
8606
  value: buyNowText
8671
8607
  // isExternal: 1
8672
8608
  },
8673
-
8674
8609
  onClick: courseBuyNow,
8675
8610
  type: 'primary',
8676
8611
  size: 'medium',
@@ -8731,7 +8666,7 @@ function CoursePromotionPage({
8731
8666
  }))));
8732
8667
  }
8733
8668
 
8734
- var index$4 = /*#__PURE__*/Object.freeze({
8669
+ var index$3 = /*#__PURE__*/Object.freeze({
8735
8670
  __proto__: null,
8736
8671
  'default': CoursePromotionPage
8737
8672
  });
@@ -8775,7 +8710,6 @@ const useFormPageStyles = createUseStyles(theme => ({
8775
8710
  // border: '1px solid #D8E0F0',
8776
8711
  // borderRadius: '16px'
8777
8712
  },
8778
-
8779
8713
  inputFieldLabel: {
8780
8714
  color: theme?.colors?.lightblack,
8781
8715
  fontSize: theme.typography.fontSize.body,
@@ -9088,7 +9022,6 @@ const FormPage = ({
9088
9022
  value: countryCode === 'KR' ? '제출하기' : 'SUBMIT'
9089
9023
  // isExternal: 1
9090
9024
  },
9091
-
9092
9025
  type: 'primary',
9093
9026
  size: 'medium',
9094
9027
  target: null,
@@ -9096,7 +9029,7 @@ const FormPage = ({
9096
9029
  })))));
9097
9030
  };
9098
9031
 
9099
- var index$3 = /*#__PURE__*/Object.freeze({
9032
+ var index$2 = /*#__PURE__*/Object.freeze({
9100
9033
  __proto__: null,
9101
9034
  'default': FormPage
9102
9035
  });
@@ -9244,7 +9177,7 @@ function Tiles({
9244
9177
  }, TileDiv)));
9245
9178
  }
9246
9179
 
9247
- var index$2 = /*#__PURE__*/Object.freeze({
9180
+ var index$1 = /*#__PURE__*/Object.freeze({
9248
9181
  __proto__: null,
9249
9182
  'default': Tiles
9250
9183
  });
@@ -9271,7 +9204,6 @@ const useEmailStyles = createUseStyles(theme => ({
9271
9204
  height: '48px'
9272
9205
  /* margin: 18px 0px; */
9273
9206
  },
9274
-
9275
9207
  'p-young-guru-title': {
9276
9208
  fontFamily: theme?.typography?.fontFamily,
9277
9209
  fontStyle: 'normal',
@@ -9299,7 +9231,6 @@ const useEmailStyles = createUseStyles(theme => ({
9299
9231
  textAlign: 'center'
9300
9232
  /* padding:35px 0 40px */
9301
9233
  },
9302
-
9303
9234
  'two-columns .column': {
9304
9235
  width: '100%',
9305
9236
  maxWidth: '275px',
@@ -9719,378 +9650,9 @@ function EmailDripMarket({
9719
9650
  })));
9720
9651
  }
9721
9652
 
9722
- var index$1 = /*#__PURE__*/Object.freeze({
9723
- __proto__: null,
9724
- 'default': EmailDripMarket
9725
- });
9726
-
9727
- const useAboutInstituteStyles = createUseStyles(theme => ({
9728
- aboutInstText: {
9729
- alignSelf: 'center',
9730
- color: 'var(--Black, #0A1629)',
9731
- fontSize: '24px',
9732
- fontWeight: '400',
9733
- fontFamily: theme?.typography?.fontFamily
9734
- },
9735
- metaChild: {
9736
- fontSize: '16px',
9737
- fontStyle: 'normal',
9738
- fontWeight: '400',
9739
- fontFamily: theme?.typography?.fontFamily
9740
- },
9741
- aboutInstWrapper: {
9742
- padding: '64px 128px',
9743
- display: 'flex',
9744
- justifyContent: 'center',
9745
- flexDirection: 'column',
9746
- background: '#FFF',
9747
- fontFamily: theme?.typography?.fontFamily
9748
- },
9749
- abtoutInstText: {
9750
- color: theme?.palette?.font?.secondary,
9751
- fontWeight: '400',
9752
- fontSize: theme.typography.fontSize.subHead,
9753
- lineHeight: '20px',
9754
- textAlign: 'center',
9755
- textTransform: 'uppercase',
9756
- wordBreak: 'break-word'
9757
- },
9758
- aboutInstHeader: {
9759
- fontSize: theme.typography.fontSize.h2,
9760
- color: theme?.palette?.font?.default,
9761
- margin: '0px',
9762
- marginBottom: '56px',
9763
- textAlign: 'center'
9764
- },
9765
- imageContainer: {
9766
- width: '240px',
9767
- height: '240px',
9768
- position: 'relative'
9769
- // borderRadius: '16px',
9770
- // border: '1px solid var(--stroke, #D8E0F0)',
9771
- },
9772
-
9773
- image: {
9774
- width: '100%',
9775
- height: '100%',
9776
- borderRadius: '16px',
9777
- border: '1px solid var(--stroke, #D8E0F0)'
9778
- },
9779
- infoContainer: {
9780
- padding: '24px',
9781
- gap: '16px',
9782
- display: 'flex',
9783
- flexDirection: 'column',
9784
- borderRadius: '16px',
9785
- background: 'var(--Blue-Tertiary, #F4F9FF)',
9786
- flex: 1
9787
- },
9788
- metaInfo: {
9789
- display: 'flex',
9790
- gap: '24px',
9791
- flexWrap: 'wrap'
9792
- },
9793
- metaInfoChild: {
9794
- display: 'flex',
9795
- justifyContent: 'center',
9796
- alignItems: 'center',
9797
- gap: '6px'
9798
- },
9799
- contentWrapper: {
9800
- display: 'flex',
9801
- gap: '24px',
9802
- marginBottom: '24px'
9803
- },
9804
- cardWrapper: {
9805
- // display: 'flex',
9806
- // width: '100%',
9807
- // gap: '24px'
9808
- display: 'flex',
9809
- gap: '24px',
9810
- flex: 1,
9811
- lineHeight: 'normal'
9812
- },
9813
- card: {
9814
- padding: '24px',
9815
- display: 'flex',
9816
- justifyContent: 'space-between',
9817
- alignItems: 'center',
9818
- borderRadius: '16px',
9819
- background: 'var(--Blue-Tertiary, #F4F9FF)',
9820
- flexGrow: 1
9821
- },
9822
- cardDesc: {
9823
- display: 'flex',
9824
- flexDirection: 'column'
9825
- },
9826
- infoDetails: {
9827
- display: 'flex',
9828
- flexDirection: 'Column',
9829
- gap: '10px',
9830
- lineHeight: 'normal'
9831
- },
9832
- infoContent: {
9833
- display: 'flex',
9834
- flexDirection: 'Column',
9835
- gap: '8px'
9836
- },
9837
- instHeading: {
9838
- color: 'var(--Black, #0A1629)',
9839
- fontSize: '32px',
9840
- fontStyle: 'normal',
9841
- fontWeight: '600'
9842
- },
9843
- aboutText: {
9844
- fontSize: '24px',
9845
- fontStyle: 'normal',
9846
- fontWeight: '600'
9847
- },
9848
- instAbout: {
9849
- fontFamily: theme?.typography?.fontFamily,
9850
- lineHeight: '22px',
9851
- fontSize: '14px',
9852
- fontStyle: 'normal',
9853
- fontWeight: '400',
9854
- wordBreak: 'break-word'
9855
- },
9856
- highlightText: {
9857
- color: 'var(--Black, #0A1629)',
9858
- fontSize: '24px',
9859
- fontStyle: 'normal',
9860
- fontWeight: '600',
9861
- wordBreak: 'break-word'
9862
- },
9863
- highlightHeading: {
9864
- fontSize: '16px',
9865
- fontStyle: 'normal',
9866
- fontWeight: '400'
9867
- },
9868
- // SMALL SCREEN
9869
- '@media screen and (max-width: 767px)': {
9870
- aboutInstText: {
9871
- fontSize: '16px'
9872
- },
9873
- imageContainer: {
9874
- height: '150px',
9875
- width: '150px'
9876
- },
9877
- image: {
9878
- borderRadius: '10px',
9879
- border: '1px solid var(--stroke, #D8E0F0)'
9880
- },
9881
- infoContainer: {
9882
- gap: '16px'
9883
- },
9884
- instHeading: {
9885
- fontSize: '24px'
9886
- },
9887
- cardWrapper: {
9888
- flexDirection: 'column',
9889
- gap: '8px',
9890
- lineHeight: 'normal'
9891
- },
9892
- aboutInstWrapper: {
9893
- padding: '16px'
9894
- },
9895
- aboutInstHeader: {
9896
- color: theme?.palette?.font?.default,
9897
- margin: '0px 0 24px 0',
9898
- textAlign: 'center',
9899
- fontSize: '20px'
9900
- },
9901
- contentWrapper: {
9902
- gap: '8px'
9903
- },
9904
- card: {
9905
- padding: '16px'
9906
- },
9907
- infoDetails: {
9908
- gap: '8px',
9909
- lineHeight: 'normal'
9910
- },
9911
- metaInfo: {
9912
- gap: '8px'
9913
- },
9914
- infoContent: {
9915
- gap: '8px'
9916
- },
9917
- metaChild: {
9918
- fontSize: '12px'
9919
- },
9920
- aboutText: {
9921
- fontSize: '16px'
9922
- },
9923
- instAbout: {
9924
- fontSize: '12px'
9925
- },
9926
- highlightText: {
9927
- fontSize: '16px'
9928
- },
9929
- highlightHeading: {
9930
- fontSize: '12px'
9931
- }
9932
- }
9933
- }));
9934
-
9935
- function ABOUT_INSTITUTE({
9936
- sectionData,
9937
- sectionIndex
9938
- }) {
9939
- const {
9940
- layout: {
9941
- containerWidth
9942
- },
9943
- isMobile
9944
- } = React.useContext(PageContext);
9945
- const classes = useAboutInstituteStyles({
9946
- containerWidth,
9947
- isMobile
9948
- });
9949
- const [nodeData] = sectionData?.components;
9950
- const [highlightNodeData] = nodeData?.highlight?.components;
9951
- const theme = useTheme();
9952
- const ImageJSX = () => {
9953
- if (!nodeData?.image?.metadata?.value) {
9954
- return null;
9955
- }
9956
- return /*#__PURE__*/React__default["default"].createElement("div", {
9957
- className: classes.imageContainer
9958
- }, /*#__PURE__*/React__default["default"].createElement(NextImageRenderer, {
9959
- className: classes.image,
9960
- alt: "logo",
9961
- src: nodeData?.image?.metadata?.value
9962
- }));
9963
- };
9964
- const ContentJSX = () => /*#__PURE__*/React__default["default"].createElement("div", {
9965
- className: classes.infoContainer
9966
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9967
- className: classes.infoDetails
9968
- }, nodeData?.instName?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
9969
- className: classes.instHeading,
9970
- ref: nodeData?.instName?.refSetter,
9971
- dangerouslySetInnerHTML: {
9972
- __html: nodeData?.instName?.metadata?.value
9973
- }
9974
- }) : null, /*#__PURE__*/React__default["default"].createElement("div", {
9975
- className: classes.metaInfo
9976
- }, nodeData?.spec?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
9977
- className: classes.metaInfoChild
9978
- }, /*#__PURE__*/React__default["default"].createElement(Icon, {
9979
- name: 'BookSaved',
9980
- color: theme.palette.font.primary,
9981
- width: '20px',
9982
- height: '20px'
9983
- }), /*#__PURE__*/React__default["default"].createElement("div", {
9984
- className: classes.metaChild,
9985
- ref: nodeData?.spec?.refSetter,
9986
- dangerouslySetInnerHTML: {
9987
- __html: nodeData?.spec?.metadata?.value
9988
- }
9989
- })) : null, nodeData?.qual?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
9990
- className: classes.metaInfoChild
9991
- }, /*#__PURE__*/React__default["default"].createElement(Icon, {
9992
- name: 'Teacher',
9993
- color: theme.palette.font.primary,
9994
- width: '20px',
9995
- height: '20px'
9996
- }), /*#__PURE__*/React__default["default"].createElement("div", {
9997
- className: classes.metaChild,
9998
- ref: nodeData?.qual?.refSetter,
9999
- dangerouslySetInnerHTML: {
10000
- __html: nodeData?.qual?.metadata?.value
10001
- }
10002
- })) : null, nodeData?.exp?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
10003
- className: classes.metaInfoChild
10004
- }, /*#__PURE__*/React__default["default"].createElement(Icon, {
10005
- name: 'Medal',
10006
- color: theme.palette.font.primary,
10007
- width: '20px',
10008
- height: '20px'
10009
- }), /*#__PURE__*/React__default["default"].createElement("div", {
10010
- className: classes.metaChild,
10011
- ref: nodeData?.exp?.refSetter,
10012
- dangerouslySetInnerHTML: {
10013
- __html: nodeData?.exp?.metadata?.value
10014
- }
10015
- })) : null)), nodeData?.content?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
10016
- className: classes.infoContent
10017
- }, /*#__PURE__*/React__default["default"].createElement("div", {
10018
- className: classes.aboutText
10019
- }, "About"), /*#__PURE__*/React__default["default"].createElement("div", {
10020
- className: classes.instAbout,
10021
- ref: nodeData?.content?.refSetter,
10022
- dangerouslySetInnerHTML: {
10023
- __html: nodeData?.content?.metadata?.value
10024
- }
10025
- })) : null);
10026
- const HighlightJSX = () => {
10027
- if (!nodeData?.highlight?.metadata?.value) {
10028
- return null;
10029
- }
10030
- return /*#__PURE__*/React__default["default"].createElement("div", {
10031
- className: classes.cardWrapper
10032
- }, /*#__PURE__*/React__default["default"].createElement("div", {
10033
- className: classes.card
10034
- }, /*#__PURE__*/React__default["default"].createElement("div", {
10035
- className: classes.cardDesc
10036
- }, /*#__PURE__*/React__default["default"].createElement("span", {
10037
- className: classes.highlightText,
10038
- ref: highlightNodeData?.courses?.refSetter,
10039
- dangerouslySetInnerHTML: {
10040
- __html: highlightNodeData?.courses?.metadata?.value
10041
- }
10042
- }), /*#__PURE__*/React__default["default"].createElement("span", {
10043
- className: classes.highlightHeading
10044
- }, "Courses")), /*#__PURE__*/React__default["default"].createElement(Icon, {
10045
- name: 'BookSaved',
10046
- color: theme.palette.font.primary,
10047
- width: '32px',
10048
- height: '32px'
10049
- })), /*#__PURE__*/React__default["default"].createElement("div", {
10050
- className: classes.card
10051
- }, /*#__PURE__*/React__default["default"].createElement("div", {
10052
- className: classes.cardDesc
10053
- }, /*#__PURE__*/React__default["default"].createElement("span", {
10054
- className: classes.highlightText,
10055
- ref: highlightNodeData?.students?.refSetter,
10056
- dangerouslySetInnerHTML: {
10057
- __html: highlightNodeData?.students?.metadata?.value
10058
- }
10059
- }), /*#__PURE__*/React__default["default"].createElement("span", {
10060
- className: classes.highlightHeading
10061
- }, "Active Students")), /*#__PURE__*/React__default["default"].createElement(Icon, {
10062
- name: 'GroupProfile',
10063
- color: theme.palette.font.primary,
10064
- width: '32px',
10065
- height: '32px'
10066
- })));
10067
- };
10068
- return /*#__PURE__*/React__default["default"].createElement("div", {
10069
- className: classes.aboutInstWrapper
10070
- }, nodeData?.heading?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
10071
- className: classes.aboutInstText
10072
- }, /*#__PURE__*/React__default["default"].createElement("span", {
10073
- ref: nodeData?.heading?.refSetter,
10074
- dangerouslySetInnerHTML: {
10075
- __html: nodeData?.heading?.metadata?.value
10076
- }
10077
- })) : null, nodeData?.title?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("h2", {
10078
- className: classes.aboutInstHeader
10079
- }, /*#__PURE__*/React__default["default"].createElement("span", {
10080
- ref: nodeData?.title?.refSetter,
10081
- dangerouslySetInnerHTML: {
10082
- __html: nodeData?.title?.metadata?.value
10083
- }
10084
- })) : null, isMobile ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
10085
- className: classes.contentWrapper
10086
- }, /*#__PURE__*/React__default["default"].createElement(ImageJSX, null), /*#__PURE__*/React__default["default"].createElement(HighlightJSX, null)), /*#__PURE__*/React__default["default"].createElement(ContentJSX, null)) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
10087
- className: classes.contentWrapper
10088
- }, /*#__PURE__*/React__default["default"].createElement(ImageJSX, null), /*#__PURE__*/React__default["default"].createElement(ContentJSX, null)), /*#__PURE__*/React__default["default"].createElement(HighlightJSX, null)));
10089
- }
10090
-
10091
9653
  var index = /*#__PURE__*/Object.freeze({
10092
9654
  __proto__: null,
10093
- 'default': ABOUT_INSTITUTE
9655
+ 'default': EmailDripMarket
10094
9656
  });
10095
9657
 
10096
9658
  const TYPE_TO_COMPONENT_MAP = {
@@ -10115,8 +9677,7 @@ const TYPE_TO_COMPONENT_MAP = {
10115
9677
  COURSE_LANDING_PAGE: CoursePromotionPage,
10116
9678
  FORM_LANDING_PAGE: FormPage,
10117
9679
  TILES_SECTION: Tiles,
10118
- EMAIL_DRIP_MARKET: EmailDripMarket,
10119
- ABOUT_INSTITUTE
9680
+ EMAIL_DRIP_MARKET: EmailDripMarket
10120
9681
  };
10121
9682
  const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);
10122
9683
  const MemoisedSection = /*#__PURE__*/React.memo(({