From ab3707d45bf813a1d51a70c817ea1b9c57c14c40 Mon Sep 17 00:00:00 2001 From: abaicus Date: Fri, 8 Nov 2024 12:41:05 +0200 Subject: [PATCH 1/3] fix: dashboard layout on different screen sizes --- assets/src/dashboard/parts/connected/Sidebar.js | 4 +--- assets/src/dashboard/parts/connected/index.js | 8 ++++---- 2 files changed, 5 insertions(+), 7 deletions(-) diff --git a/assets/src/dashboard/parts/connected/Sidebar.js b/assets/src/dashboard/parts/connected/Sidebar.js index 489b1afe..bf28ee6d 100644 --- a/assets/src/dashboard/parts/connected/Sidebar.js +++ b/assets/src/dashboard/parts/connected/Sidebar.js @@ -41,9 +41,7 @@ const Sidebar = () => { }); return ( -
+
-
+
+
{ 'dashboard' === tab && } @@ -171,7 +171,7 @@ const ConnectedLayout = ({
- +
); }; From c74b9f6d53ec556cd76a26cbd26e9907516061d3 Mon Sep 17 00:00:00 2001 From: abaicus Date: Fri, 8 Nov 2024 12:42:53 +0200 Subject: [PATCH 2/3] chore: enable hot-reloading on dashboard JS watch --- package.json | 2 +- wp-scripts.config.js | 40 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 41 insertions(+), 1 deletion(-) create mode 100644 wp-scripts.config.js diff --git a/package.json b/package.json index 14d368da..da089b23 100755 --- a/package.json +++ b/package.json @@ -18,7 +18,7 @@ }, "scripts": { "build:dashboard": "wp-scripts build assets/src/dashboard/index.js --output-path=assets/build/dashboard", - "dev:dashboard": "wp-scripts start assets/src/dashboard/index.js --output-path=assets/build/dashboard", + "dev:dashboard": "wp-scripts start assets/src/dashboard/index.js --output-path=assets/build/dashboard --hot --allowed-hosts all", "build-dev:dashboard": "NODE_ENV=development wp-scripts build assets/src/dashboard/index.js --output-path=assets/build/dashboard", "build:media": "wp-scripts build assets/src/media/*.js --output-path=assets/build/media", "dev:media": "wp-scripts start assets/src/media/*.js --output-path=assets/build/media", diff --git a/wp-scripts.config.js b/wp-scripts.config.js new file mode 100644 index 00000000..20bbd33c --- /dev/null +++ b/wp-scripts.config.js @@ -0,0 +1,40 @@ +// wp-scripts.config.js +const defaultConfig = require( '@wordpress/scripts/config/webpack.config' ); + +module.exports = { + ...defaultConfig, + devServer: { + ...defaultConfig.devServer, + allowedHosts: [ 'all', '.test' ], + headers: { + 'Access-Control-Allow-Origin': '*', + 'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS', + 'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization' + }, + host: '0.0.0.0', + port: 8887, + hot: true, + https: true, + client: { + webSocketURL: 'wss://localhost:8887/ws', + overlay: true + }, + setupMiddlewares: ( middlewares, devServer ) => { + if ( ! devServer ) { + throw new Error( 'webpack-dev-server is not defined' ); + } + + // Add CORS headers to all responses + devServer.app.use( ( req, res, next ) => { + res.header( 'Access-Control-Allow-Origin', '*' ); + next(); + }); + + return middlewares; + } + }, + watchOptions: { + ignored: /node_modules/, + aggregateTimeout: 300 + } +}; From 43b63e956d224e0b3ace32865749912948ea5274 Mon Sep 17 00:00:00 2001 From: abaicus Date: Fri, 8 Nov 2024 13:22:29 +0200 Subject: [PATCH 3/3] feat: adds black friday banners --- assets/img/bf-bg.jpg | Bin 0 -> 13111 bytes .../parts/components/BlackFridayBanner.js | 62 ++++++++++++++++++ .../src/dashboard/parts/connected/Sidebar.js | 54 ++++++++------- assets/src/dashboard/parts/connected/index.js | 3 + assets/src/dashboard/utils/api.js | 22 +++++++ inc/admin.php | 59 +++++++++++++++++ inc/rest.php | 46 +++++++++++++ tailwind.config.js | 4 +- 8 files changed, 226 insertions(+), 24 deletions(-) create mode 100644 assets/img/bf-bg.jpg create mode 100644 assets/src/dashboard/parts/components/BlackFridayBanner.js diff --git a/assets/img/bf-bg.jpg b/assets/img/bf-bg.jpg new file mode 100644 index 0000000000000000000000000000000000000000..6f273bebb65854d1fa56ffce247d6f7ae1beb066 GIT binary patch literal 13111 zcmbt)2{@E-+wUNIkt`uhMfN?igh_=ElRfK1#E?W}%S;=}nk`w!+K^?CC5e%JZLEIIvM{|Nh_i{rmmy`~Dw~AO8WJHqtlL2hq{f zfo=icpyNr<4G`Ub^Xu=-e6TxIpw=bPQZ{$88`m2t>#D&wGRZ z?Te0{;RGWSGYcylJ8(hGX%Iaf0|WgD21dpcCxENNfWL!Ia50{_prp&hZRX5;(U(X0 zMM5r%==I9)yyk=3VwYX~Ub3?Bo#hu0yd*9mDJ89J$-{)hDH{aR@OFm zZSC&6x;=3BfO|gi4|p0F6ddyEb$CSNo3~MkNy#biQ$M7o=j9g^enb})f2#UiT~k~4 zrT%M6Yg>CqXIFR6(D2CU&$01e6SH&k3yVwm<(1W)UBVu5|KN~B{%aQ0;!tG6~gRFo=OEsM?8*hHqqlM9hqb20Tx8hSx3TBF-D z8k0MGxC zu}o=mbb7Tc^>UgokB0jBJhZAMW}u_?Vdlwql44c)6h_8NBOgw(otW-63#D1o;eX3l z?QYJ0HQSx)jDYO@l$AmFe%Q(Waz9&AlC^3@W=e(vZNl zD#fWUE;Xfb$0a&CwNFW}vxmQc??y`!4Os}95Wl-Kb_^;&jY$cca0JBUtZ|<79JbifO_8n7eQDk&c`6u)EEAa)^M%<>nw4pC1?DO zK@*xmw+i3iNFq30zlUvxNPcB_$pT)Ek9Y>9)job?mNuH6eI-RAb;<5%2G%^0Vv9qD zavP7&%Vt#jD%q(FQ54=NAA{EW#&{#6Y6OfYXOBV!$C6#X75ApUZ}{p>$}UPw_zoC` zr_43&?UaQz&9z{2f%jv?9EBP4YcwpLLX{j*A>8=Zx%^3PGoQ(^?-!XZSbd*fSRH7c$gDq`ydwsUPuDoBVdFsMcOI## z5L$p4Lz_`c59oiU@Z7deFfJ6~!Vc*f-0(3kK zjuAY}wK^y~4@*p&HdbL(lD$$3gI@9=Az?v|2b?l1L<_8As|jUN;_nZ$Y+jWZF0Q>)f~hXXnyg z1DhfGoMdRY9j205vBldc4{!zEq z40-|C5gjSRskTBAWPIQW7u;Bi^{=~v*zl|aQsd3{rSl`~r(S|sHbYHTK z2>?ElcCpVJ+RHt)c~`e{47HtO=$KSAuTy=Y_SR|j3lWwtS+w~@SainceV<22Je)VRE?PEUghZ`beu&(H*?}Bek6H;ifnnnrkwr9rmXSeXZ$Af7 zK^C>dZ|m}qq{ijG6lJycYV@viLPd{m4rig3#vHrCY1>PS`OagkPagJZO~OL}2>8^@ zE%cl*!B3xGQ~D_K7{p0)zZ;o;-(Gnt3<6#;K&Gx<`YOlq@-^pEJG04UNx{|b=4A*Q ztArWZvdppP)*Qw0{ukY6CC4CB0@q=+EOPf^B63{hgBES436HA!GkgkMEN~|z%C&k> zAO=kPlEW12^os(-a0rd=sfgJg)!=Z@c{=LiJ~*DF!nXBghkp}UNH4;qPX8jVo$=Dt zV*#=`)B0V#PRP5xW6;`=Pp(+=ov2%%`I~`ciQmiJyR?eKYhrsv$twSQmi{MoQ%@gq z&w)2^k?A-6G(uwq@B?_Ug%=OZ);o*X(GIp~?a|6kUh2-Djv&GhP>&@Z_qKcbA%L|{ z@5QtWx!%g(p^$ORH2@D7}IYZ3Z8 zcE9Vj@~i9EYdQr$z?MEUKo@Rg%>MP%Lh#S3V-QXQr1dJM^E}DbRG-Do9t^W6iP;U? zp&{)~)XAf_X*~YS4RUBZ&G_}C96W%Z6u7Z7cNCXL)PA>5DZb_*=atJf@!MTG9+Ncs zS?I7%^~1MK=r|L0(QkfIHu{o1Ath4ZnV0qCYR9z(P2NR?uB#j+%ssC{ZZq&~%EOeD z^jcG*qvVBhqvUlg7gZ}0! zWzmN80I47TKanUKol3iZ zCFq=fSit>l(ES&G+ieOzZB1xNf(@heDbuaOZNVq;h0o;AUTOWlA>i!!O2==_p`Bms2b=Gk|I9M_;2Hn580=*NPQ$-acPLw{{ulYIdqCIayPVG=a@P9<_* zUT!L0bLio-fj+v8tgiXR1jV%}IwY(pILlKcyYm=?xh+B~908;kK*cg+lwPHHy!pX( z`=p}oj~3(Aui`N(*`>+xYCG1b{m`xIyt%72%D%%t%ulrL^mIKLsqef2?cF>EU93gi zUWhsdk&Eps(${a^2UHk_<|nzdDfgxiF_TK_znVK8yNkmv>SwiPbX@^IIW!}1_*`g# z+&|o*@xZ6#yXlb$M$~ta&zW_N{-|@>!B5H0H}@-NR63s(qQT}3n_i!Zx8u4+^OK=e zLGoJulb)v6yL}AGX8u{MS9`P2<#A4E`h?1u7j`W-DarMPVfmY(q!}oVMt7<}%V5pE zlLKW;gDkv#A|eXL13PSA3Q2?oF2BXQtizyqD`LRnfzlJDlP-m`E=PzPcvo+Zu(j-u zr)oZ8<0)rSjDvZ_!c*U=16ZQ%g)7$gKQQgQDJ|twzXE0suqdGDZLf#dwufp>IJBPk z5e%=c-7bd~PTGIjG-BL>6&zko`-W*V1t+D-$p$#++uAzH2gJ8plj4ja;BdvU3MrKMxcedACV4@aP3$2 zXw`BBAO4a*0iDkd^ZAmg4#8hcl{vjmHXjY7^JoC&ZGB%qB68~XFh?V<&gahB(AJ<&rT+@kyw~x-XrqivFF`|}5()%kaiyDH%gb#9U zsc#wz`I4+h(|c4gNW&b1K#@wnp_No=S{Zl|>8mr`&vFmvvjEo;M7m+#jlv*(Z#Swq z!FbBin5qM_vgg>Y*XG!bTR*u?0*7j{WGv&)uaL814}^7VzD7N6#XuFZ>kqcNQ?Hks zWGxDmiH+?e;HmS~zadubLzup@#>VWDZPhZ#xrz^&DrH9$ZBNZ(&~T4mIO;bdP4~PT zzsCHlk<-CIqySlI7&wY-&ENKs7~2ku?mn+2g2iJFY5wW!GIu{H@i+u-6>T4bpo^xn zZogY8t*b~)m35&e=cUj(62)VF zv{(r*6PFUnzh}=H@aUXak%Xs18@uYa@t#V_$-G3%2j!w0-VFA`M5^Yb<*+>8+|Xj6 z%t_|h&NI5ot{;}dtE%)3&+oFDmwF%^2M0T;$U=#)jP;Lnu<^SB`Pi;Y^&b8OwNel5 zVvymSb$zkF7In@KH+?TMdh;a$Hq#pSLMRhMp=*_ge5KpEJ{p{|cp!9iUfZML=0uw~ z1UgKSn&w!4Fno>lE(40*&5?fv&yf$GT=l4Ua)yP9g%GHcUvExV-2qU;WQv(C-OvH< z5F{LKX3w2>3?fqdPfd z6FDi5JeF&e-3_NXQf-q9ZlBebsXcA1caWy$;t!?O1OL|3AT{6)`}=UVtC(sgAoNVzONS**K^UeOum^3sjbCeo}t> zr`O}njBphk{UGsco04?woS31k4_s*wPP}QC>@O}CL^4lG9HCi6t6|#|y>$9OQ+x8_ zs`WL(i`}y6A{X9Av&^|IQwATzq@NW#yZCJD%nzv=%ei!nnGctrS?$@ql+HT;Lzp8Z zqE)o`WTO78lLl|XsO>G*jb-^dwTo-Cuv5bPivzWdST?@am0c=3d;kHNwUBEU?gO6z z@YJgUKKMi~P1%1j7qXU0qo?m)KRsV&6jC@trWhp-?Be5vHJB*?We-o99D}-&$;v_@ z<`wG~MDpGjWt^JOhM;!=RAm}mp?WlI(*NOj`TQ)?i(hf=S2|1pghB=pHD&K($i5JiRd8h>zTXZm%82a`nNXb(9nL#cdh1 zZ1P!bZGA@5)J7`a0>b@g!}8FtV~{b8^>u-rC9a~J?7!vu9yLZ>xG!Ztl4VoDJ8ha( zZEV3uuIka7`l~faW8Sjb#0Sd7<5k7W>cI6O`f7x_z7F%vyLZEouSS@KUd)>JImA^Gt6+nZsW-9mKL2z_dAWYfYZS^dl=z z!)HrB62MgjHPpxpWiT@?fKT~yPr4P^SWDm zg`?|{2YZ2PCMU2KZK=fRo^{eONQ-j^f}eP9T)&E9r(MGRDcQMSbhUrBVdX``8~QDD z-;vG6eh&s0R`Hcs0a}#rtOD}^QU86h-?(B4* zE0$hf)wO0mA@nNB33h%uM6hIX?K&8m5D>zdQyfYeznR6O{H~ez-VJ(X7Om3;xx!u= zN{#WNKUD~57}V$0;-eW>t);WwrlBcdQIYjByLN(}PU9`53B?d3P@Cg^W*vo3T#z;( zwJX=Zn+k~^da>NroFf~a!}xtKN4_DB^%%6u!`(lgVlfu)OogkB-%PHf^GvLWUs}TU za+B5ntw8Z3ew3*6HqdqSpAY0EATu;3r{5>vLuS{k4#w7OkbozNvRud|I7+ZLML_7a9j4gOF!^5qTaFQ}<559WKr zh*X3KTB~4EHqRa0(|u!oQzR$Dp8@8<{)$S^F86 z8ua>V(-dCx+EyElfj(b*Y+wxPdV-U5CXV;-yX zG^Lt`#aLvUSB9u;kWed5?b6mpQl7wCQ7Dqo=Tr*)g!nD`Mk5}DJSPk`Q8Br!M8SYh z9sCyK#TohQ(i+W}NW*k%92~_;I{#4r8`gl-ciKO9D%9hk$`QB?LH(2Em5s8hYn>20 zg_cburXd*8&AtWft^h`VjLdMVNpcU&os@lqd65uz3urD-8f=#NZ)-gsNj5)7Kd2rX zUI?mruxePh3#_wm&)B^g&~@|iJzx8vr}pqRC5@Wn&cbmo95R{E^)KK&s&S`fgXKt-5*ENN<|Nt7HO95D%)eH@f&*JjLVGDl~-t zB;1!`dDEkIshk%^tM`Yu+-o%?OYOuV?cBSu*?4$sh@xnn@Vitk%cf(H(?@UHU2M{> z(geh)O0ZJkL;#O1i;+W-vvF!4JxUsccIIG%J`D4qx4Nd&RDDV&zWw4*C1q@kRLKAO9*Vfwb-FtD~vq$b&c0}NN4_-zbDEd-Cc*JIr| zMdQ9u8j!JJO|}t+AIDlTB%~8M=}qxh8n!$VjxHbgLIjV23q$eX6`IHDy=V7#f&Sc3 z{2G~}cMLk|d6UXaA|t@~Lb`?CH-`t{p68={3=CZ=y#5CwLh*zs`mUhlBU&U;#lazu zgdY3bKf5ENq&2*Xya3EkI#L0JgXupDmTU<#IX}qt`9<>@4T$k@B{jbWAgPMZI6BRw znHm6yi~hU0$xQfuh=>p27{s!lUG`(`=-1gmle`J`r=3oL4)-$eGYjCsy+}i?j*&wf z>DQ>s*=`@KqEhOEMZ;TX3wuYqaXiUc^}%*FOQ{OW-x#j%_EpNkA8NB)4Gi$KwArnZ z)0}>4Lp?!_MtbJY8;2@{gSi3}e=Al#zcFj_boUy#T`-_pRM2s6bEa|URE*MRgU9&( zpR(`1H4x8vy~Q+QnZ8-rF0yIKwB0SiTVBjfnfGdZ;-IPyk1R8z1jn*;SZB`YC`Va5 z3W^GFw@HdR4ETeW?PY*c6HO1J?!Y!j#fX_M?~}zR2H{3FMgz%~NW(d;`+x1Oq0*^5 zyD{DX)}@77pP3pAL*2;Q(a+e=Pzn}YvcJ96yjV6KgMv*%aN{T7tR=Y?@1MoPy=e-E zGJC8Yt5mFL-!H{5NJ9BA&qlte=yt(XamAcHa4*T?tYr4xJ*o!)qp-)NM@-*W00JT| zlfqHX*Ix|KQI^3n!cjM>c<4j!D9!qgrMuRR(>&KG6_EUYn?*89wX%8nxt6CPbg=k| z#@m<2max!W4T;L9kTs`K&S>)b6X>3b=qkX{MVQc`89Z4iY1!d5FcH&1%{!Hgs3FJD zt4}Q5mOG#TKC=*vhk*sWAZR=|2K5cZB8~P}u5ZZCY_Bh5P>d7gO+wX!U{1%NM2$~I zU4w6*P$EfWoB9YeTD2xrC_tc?-XBN_=nf{QWvC&>yQy@xL=Ffq3zriMoUIh9*Xp)q zO;p_;7Sqw0Wo=Kz>w12B1t=Z1BP}5fI1IaxuxJ(dR5R4+)i%xQryC8nZL$nIkIY8m zz$psD1}jugrex?E4T>Srl3S5Zs0Bwu%@A7TF$kFZt>!2U9)nu>c&XdKVBmX>+@!hL z1!3SrF#Xnc&)svH))3c`9=3m zC=T$qCbO5%0dE!|J7^QQg$lc0a#a9$fs=+MZCncu!*`6J-~8V$of-&f!qH1%|6bl}h)G)1boZ_>#}) zo|%Rotn;5fwTfe>-?2ru`*0QB_4%=i@4J=D$j)O6N# zHRe=%*=TjNYGeDi!IVU)+>|r73iNFZtlZ8&_uA=E{WM!*-sZe&8XLlU!7kR*{Bf~S znTFJGv8k`8S*Cb$zSyw2A^OQGnq?#=SG~B!*EiEODJK6CTo0XZawR=9|G;bi2DRuR zO~pfM)`!>8eu82;AZN2tId|26$2x<>Qg9!|wxJu8DPDJ<{*&%ixs56V_b2|M^S%Ve5bw-|H&oAlL{my#z z!7+bLFTAhw#WF;iRm_q|DPkZMV0N2nasP1&ppo4jPJsw+we(u;QXsRNek0ajRW7a_ z#uLak1I{x|-;P1EKQuF*rR9Tf5HWrc>+@*{uFk(RXglI|3Hj)UUA+08C>l=#5^XzS zjf%7rP0XKadKI-_BsbFw^Z+6>T!{)T|Ij`|jZ<3w#)AN{b(;ZKI`&K2sr_kJga>b3S1mf>I^kmE2fJ1+XRo|1$() z@pO{RiHF(f+9lg0EaB!zS&a3aBCS#5@sP_dXa8=`z!247@c`-c;HA>q6i~dzRv%%z z^s19Y$sraZG;EriE5r=21yx2r$}O86NuhG? z8|l!++_$v-khlmgl>$;I!ZX;c9NE%(k;?79nkE6BTj6BZmw}o(Coi_#Ng+X^@D1ErkcJ)hv8ScF0pB@Cq zDG1I@Ppi+#{3wu;gEbhPiB&K8rOztIMP+!|YQX%u)%kv{NVv4x<}Bk`1zVMcquRdJ zUDN!WZA?_aF^DlJ(s0KnoG243>NF@n-#Cofcys24vMW#sc;M@@uLQ}Lxf{xDmKD7J zJ*ROYWw7xiMx}G1KH{uOuac_bhjm^nd(JlnV=Ch1>2S2baHd1?XrZcf0KCU?RsT+M zQY%+vesrz{=Nq(OwP$WFk$Tkzu+(l8&HnPvedia!A+QaYeoz`{gGsImSZav$1Eo%6bO(I%! zB1A#T|7f3B@yQ@fyv_(HG5c&;Aj1@yA&srU1YYJMAnu&1nH8KPl(w#ww(U}ZjwY=U zB$2vBMiQ4#&+;EYV7rpSDCb$b2XbI>Z!XK>Ib}gLAL0wtwkE_mAZJ{uFAXy703eJ$PjWN>2id}K;-6FP5AhH zaeXc)AePt;Dl(9caYiT%DRnr90!axCaw|Z#Va0wJKI-R>WP{)eL&pP3!+Z|!&S#8% zHWk65b}`74jY~hIBMP)3(qvh|1Dj7YEW^u>$Dm*gv&9|;{e2xcr}Bodx*i+-WFQ2y ziz&*dsFQ`bXO{XuoTIz7(e4SgIiP*4_KrcIj2Q8gWc}AZ!xS1&n@IWOi;$^{HIL?B z>22g6wV75Sz`YbIJe=nGeOWl^7v;k?Z2{r(!Zwb;c@VjB&34}zfQBGMG9&7NBDPrk z`DcC@(0+lWFboF2Q%PGPp$L>^-k!}voYsL3iW*{1M%)WFX!rJqXP>RFHJE%-qP((Q zq(xF7{MJ$Czk*j`~c_ zly+Xcgs`0}b`0$tc^t>EmewvErlv>sow25qQFt%c*U%^k=NfFhL^~s(Qb> zrc7n!VCeg+Mee0*Qv~j$y6i<3$(aqQeT+*u%*#}Hts0;{8WkvyW_!h(@YBfV@mAMP zGZYd~@T+Ap#G9dEr})5%(;we$zJl-NlgIzjS&w8SLQ<}>e|QYKBfg2etopZg@E>h+ zMi8tv6(Y3?fe~hA)||?jnwow4yZNfZ0#3Og zkk)7-$;tnhRMHQ&G4@EASXc3l7w|awN zgF=bZ>1IgIG4dET;x`1+H;;m?<)S$c#~LG!U}H}ra*H{k%{GJgXh8pG5?kDAf&4c5 zoIu1Bwm=9J4z`jT)_fhqE1dx2Hf5ZW8Fqpde>d}_5$yQzKt3IVV*Lg7A7nxk;^u)j zsLrA1lYqP(jqW-IQGIDh9H9_f$uggTMr09+iIsIBC_4bb{bk^h^3~zIe0j z@%8l11)!|A;BRsVMlD6`6$EW&06GNe*RSLM>UmVpb5XffB(4rvM9PupMe(F<8j|X% zjr?=6PGJ~S?e7b;$sL~e+h4rogtU{zgi59!G3}cXQ>;O{(%p~Z zbapVa&~slZeI@v-1_v7QNDTycwSCff5xxK#iGn$Hz&CYgVl+t-@I3h5O6qbsTNhMIx(P&kdi(bS`D zs|gs2RH=3iD(0J3Dch>1zu%SK$xDH8k~L+r#wrsJ*Sj!Hp;A-!j(r9*L1CRio6J8% z-@Yogm+CM|k)5GCXFNF&lT|VhQ^?XO5Mhy7LGX)8RaqWMM4Oug)&GVXsI`23G|)C= z{+{piaH6*tYjuYICtInKE2U`OejcR0$f=zNFXrPpmVe7`Hx)9K<*fZQgTd?ek7`X$ zJ}|857IyD}Kg>C2PRvaO)v)4Gdj%cuj zfvcQs%(_v`J-8)(Y%c>@@n5G{7*D)pQ5Vhqm=SGqRrQmHiFhgT_W0*7oV!U8!UnWH z?aw5HC{PFO-ZcU^D{nco9dqOSWzR1KO%p#kBGI~;|R-ujV0ut z+Y{Z%(Mk&gYsEFT)78dQ#jlW%K&?4cL%rc$D_e@9VStg}D96gyK@#&pC!lDxiw46R zJhe1{@!3T51&)~wAn%AppEv2gk&&pO=->)L*8_$Xnqgj-Y?s|NNE?uqgcZFb##C5y z=`JwzLv80x)BaG-5)ZP2=Z`@=K;TtXD>IHL+?W^#=`SXv9;BWRnDmUrK4l@;@jMdi zN5JPWf~_wPVO)0MRzi3cD@6ev%6iNBpG{omDQsoxhOzIqMO(?At+S5(YOP@Ind^0@WJ`Ph zP@Mv~P9aA5-+g^Zx;a*s1Xt`7$!CFYh}AVx<6BT%_?8cg$q#DWEh0a&4VYRKk^C}m zFZL39Je^isE&YtonW#@F#a%p`rO{H?>npA&)DzwAocCVywSBeqmvlJnm(j%6gt|@p zrl$EJ!&Wk=vcB%y%X1ml+6-8u3fYf2T9D z|4Kai=e&1|Pohuwv3z>HXlnHMk+SIuW^K#y=1?NM1pQUhSYYDr_w)4X^CP|}TAk{F zhQ54Ilu~k{>83nRe}1foT26(Yr-teC#R*E_UOBzbM7)o>SMOc{;SEP<_&m*Lk#fZkDi7>9`IcGx=h zoRAeCP<)mA&EJ5nS+S9(t+qe^$XzAWKot3;N_MshLK9&iG>GOFVgT61lYCNZViEZ> z9e{oHk2M~HZ{E$ob}&!nS3-mm74+MHLu#QG5&_Fj*3v;aUXJWhZ81j!GUI7?chZ@? zO4g0|K_eEvA+ghYvZ#%LGiWYZ>Fub5{DMZh^%#U zRsV6Ls$(@Q&Z_B?3|T^ { + const { urgency, title, subtitle, cta_link, cta_text, dismiss_key } = optimoleDashboardApp.bf_notices.banner; + const [ isVisible, setIsVisible ] = useState( true ); + const [ shouldRender, setShouldRender ] = useState( true ); + + const onClose = () => { + dismissNotice( dismiss_key, () => { + setIsVisible( false ); + }); + }; + + useEffect( () => { + if ( ! isVisible ) { + const timer = setTimeout( () => { + setShouldRender( false ); + }, 300 ); + return () => clearTimeout( timer ); + } + }, [ isVisible ]); + + const wrapClasses = classNames( + 'relative flex flex-col items-center text-center xl:flex-row gap-5 justify-between xl:items-center bg-black text-white p-5 py-4 pr-7 box-border rounded-lg mt-5 bg-no-repeat transition-all duration-300', + { + 'opacity-0': ! isVisible, + 'opacity-100': isVisible + } + ); + + if ( ! shouldRender ) { + return null; + } + + return ( +
+ + {optimoleDashboardApp?.bf_notices?.sidebar && ( + + + + + )} + +
+

{ optimoleDashboardApp.strings.upgrade.title_long }

+
    + { reasons.map( ( reason, index ) => ( +
  • + + { reason } +
    • + ) ) } +
+ + +
) : (