wickes-css2 2.116.0 → 2.117.0-develop.1

package/src/img/lorem_ipsum.pdf

@@ -0,0 +1,150 @@
+%PDF-1.4
+%���� ReportLab Generated PDF document (opensource)
+1 0 obj
+<<
+/F1 2 0 R /F2 3 0 R
+>>
+endobj
+2 0 obj
+<<
+/BaseFont /Helvetica /Encoding /WinAnsiEncoding /Name /F1 /Subtype /Type1 /Type /Font
+>>
+endobj
+3 0 obj
+<<
+/BaseFont /Helvetica-Bold /Encoding /WinAnsiEncoding /Name /F2 /Subtype /Type1 /Type /Font
+>>
+endobj
+4 0 obj
+<<
+/Contents 12 0 R /MediaBox [ 0 0 612 792 ] /Parent 11 0 R /Resources <<
+/Font 1 0 R /ProcSet [ /PDF /Text /ImageB /ImageC /ImageI ]
+>> /Rotate 0 /Trans <<
+
+>> 
+  /Type /Page
+>>
+endobj
+5 0 obj
+<<
+/Contents 13 0 R /MediaBox [ 0 0 612 792 ] /Parent 11 0 R /Resources <<
+/Font 1 0 R /ProcSet [ /PDF /Text /ImageB /ImageC /ImageI ]
+>> /Rotate 0 /Trans <<
+
+>> 
+  /Type /Page
+>>
+endobj
+6 0 obj
+<<
+/Contents 14 0 R /MediaBox [ 0 0 612 792 ] /Parent 11 0 R /Resources <<
+/Font 1 0 R /ProcSet [ /PDF /Text /ImageB /ImageC /ImageI ]
+>> /Rotate 0 /Trans <<
+
+>> 
+  /Type /Page
+>>
+endobj
+7 0 obj
+<<
+/Contents 15 0 R /MediaBox [ 0 0 612 792 ] /Parent 11 0 R /Resources <<
+/Font 1 0 R /ProcSet [ /PDF /Text /ImageB /ImageC /ImageI ]
+>> /Rotate 0 /Trans <<
+
+>> 
+  /Type /Page
+>>
+endobj
+8 0 obj
+<<
+/Contents 16 0 R /MediaBox [ 0 0 612 792 ] /Parent 11 0 R /Resources <<
+/Font 1 0 R /ProcSet [ /PDF /Text /ImageB /ImageC /ImageI ]
+>> /Rotate 0 /Trans <<
+
+>> 
+  /Type /Page
+>>
+endobj
+9 0 obj
+<<
+/PageMode /UseNone /Pages 11 0 R /Type /Catalog
+>>
+endobj
+10 0 obj
+<<
+/Author (\(anonymous\)) /CreationDate (D:20260914062728+00'00') /Creator (\(unspecified\)) /Keywords () /ModDate (D:20260914062728+00'00') /Producer (ReportLab PDF Library - \(opensource\)) 
+  /Subject (\(unspecified\)) /Title (\(anonymous\)) /Trapped /False
+>>
+endobj
+11 0 obj
+<<
+/Count 5 /Kids [ 4 0 R 5 0 R 6 0 R 7 0 R 8 0 R ] /Type /Pages
+>>
+endobj
+12 0 obj
+<<
+/Filter [ /ASCII85Decode /FlateDecode ] /Length 1117
+>>
+stream
+Gb"/$bDmN#&A7I5o[,QDiuLSAeK,B:""`@5%P6LXTf=X'"$U>m&GG]ojA;VZ@JC'O$m<gad8aIX9b)9'B;iT!')f88pO<T.XD#5D@GS,$qiMr/2pXEM>C!uW]8%+:A*gXaKu4A.%8.u5Z&#][@8io%<[Gbig@X^C#>B&+HLoMh[e)DqD!@SBlCL2="4Qb*[f=eL*W>W\C;Bk/kA(G!L$uLGl\E(o&K?2Pbg_a4D,%64CM]fP)85QkU*NX&;b,QRa?"=`J^c*36nRglCaA]GR7D'9Q5m"K.C#GJ=e(dT`p=?"6q6PTSiE:)HW))TX?&=0b/eX)4afo?:+S*?8pNGU;q[2&ZUAgtVN==-(CjW39&^k&A!GMm7OX0?8jTO%AQnTuKifK1$]][2#`t_ZHO6fp@ZlhhB[0m'"eGc;fo6so"9qWXj9`%!>0*3n7OB_,S/(&l>,H^3Le?_86(1cg7h.[F^1a)Nk9;RdnQIHo=Jta9UIo)&ZC6B3OWC6Y76uIiCaN/(+MZfl(3NK;,DWSIH;eLV,+LoqfQ>HJV[kedSWrsoW?blAC5'eoUNDMZrDf7,Ji\GgGt:X()o]98]-*],9o^5;*3=[j0"OeJL%%BN'qKu<[$)Le"CTWY,KH6Heg\X?q`VqD`PNWabp.8:.\i7,K(n==+1N(tSg*CaA9Yu,<7<_UkA"bA&7qijYT,;DaHp,uNWLrY>$oBr8<bAPB_)GYh#3UJ^h2kHct9dAETkKb!MKjkApYB\OL^iZY8T6PZW:?\bbG":):^#!k_op[U1Abj)!k4T6G^MHODqHVg>gD,RI05PP/]#mk?L'kE6N(0(hL.MReISg)Jir+=R?pGKok+g:8iX0rean5Y`o\LHht-.Xei_R>'@jq7Bm"*4ZJ<OXBXnkPo:ZX?CrDt$TK0ia?gel&\:$0Z@JUE=[*&Q;13nm=4D'5U,?YOSNben<7(G-o2Wt@RR(LaMb<;%Je:D48'B=/N#(@$/PtWe;:)6]1l0G;Q"sDQR<=KqMh2JL5]HAWP5fnV#dQ&\e^K_W,M[SrFAt7q-3K=ClKtTZ9M7$dmi#;Hf&+"BINEC1f>.%t\6]9hCZ'LJr#`(me\c"5#3b26a;IlI~>endstream
+endobj
+13 0 obj
+<<
+/Filter [ /ASCII85Decode /FlateDecode ] /Length 1117
+>>
+stream
+Gb"/$bAQ?0&A7ljqR@Iu>a&$$q3Yt<^q_;L@$OqKUL?g\?lnr&%"E_@L*Oh[/FilT#Y=#=\uMg3B*Prd1XocKM14=/LL19)7bSkrf^p-:IA4d<c1B3,<o.cZmU=%CN8<'iE4j#q@?#q'(/[O>[O''UQ5INLm5K5"R,1R0mZS/tl"Q12dU2$Z:S61"Bm`^g^M3E_IK.i4_#JuKCC9fin%V@O%sS%BD"r"^:d]iD28MneZ'!1@o#:olP"8_N*GOsdlbk4W;No<;[C@HdOjqhrT!3cJEjU:i`-0.4EEX]WZ:gDq)7;tZicIr`?%l[llKAp2,L9NcoOf@k@Y$gGb0(/VQ0mcq9-i\1$@*hEje*p!,i2BV7To*pKX+.C'Z:nfjqWqaM%pZ.i96M\!"&M:PgCm--4(QKQJBGVi&U:`h8B=\@,T"n49Lm8$^h[KaJ?eBZXS;JbB1fq;2JO$8@&ZuaJ#NP=3YgG>i^Ss?>ILulZA_0;Q9"J<cdacZ%M\R-jXd_c)cd4j:;LCU+T&YjA8l[D[J'rKG2E@S*nu'oJ$TYQVp$nPm!%EX\d\`Pg6P3h^d/c:bNqX*YK.c-LkrqY)"aP-HD,X%TYhp='b!Q6MR4bMU'%.g<1NU!jH@hO^h*4l]bn[r;kr@@c<?AjpAS%Pu5\Q`HuW^O'IUK9G-o>Z9R;TWp(GfF#>g[LpBup=H8^aaHp,u:'*/n>$oBr8<bC&BZgV1h#3UJ^h2kHct9dAF6L]d&YTQ&ApYB\R(6F!Y8T6PMcO+4bc:RJ):^;)k_op[U1D$T)!k4T6G^MHODqTZg>gD,SaGYtP/]#mk?L'kE6N(.(hKtH>4r`&)Jir+=R?pGKok+o:8iX0rean5Y`o\LHhs^"XegZm>5#oG7BmR:4ZJ9NXBXnkPo:ZXhOYo!$TK0ia@[@t&\:$0Z@JUE=[*,S;13nm=4D'5U,?YOSNben<7(G-o1dD8RR(LaMb<;%JdFi,8'B=/N#(@$X\e3;;:)6]1l0G;Q"sDQR<=KqMh2JL5]HAWP5fPL#dQ&\e^K_W'ARm`FAt7qAcn+.l0YKY9PZ;/lPeDl2rD+LIMct+f>.%t\6]9hCZ'LJr#`(mnR9%7"*F,Fe6PsE~>endstream
+endobj
+14 0 obj
+<<
+/Filter [ /ASCII85Decode /FlateDecode ] /Length 1119
+>>
+stream
+Gb"/$bDmN#&A7I5o[,B?iuM:UeK/45%4pE?%\ha!Tf=X'%6eD"&GG]ojA;Uo@,qPD$m<gad8aIX9b)9'B;iT!&q/E\]2&M</)'E*=SHUbI\t0Qc1B3,<o.cYmU:gg(qZn[iGaEd_\*9&/>B4ZfT[eb<J`H32Z<L?!RoechL,$J/Nlf_>P`!?\u.4H_"@URg4#mc>Pe/beU[Z5caOVV$fCuEXrm*2O4`sFAu::cDejri>%8eBc01,t'IAmIS3#*T7Fm;o%\uR^,\h<(@O%kM^Nd[$@`d$oOV6CTS&K(ZA]uc(:1ViaiJH#D\Mk7Taf9tlUl7EKe^NE4fSKb9=Xc!OHn*muF-]AB`t\)8r5(`m;G"NrClG[RcNn*E6n*pLUeD.;^CVn@@_pI<#lt\2Ik.3m:.u9U(sTULUVKgd,J0'?KYYCFRlg_;5ms(oa2k'qR'U7L6-HX]#>p=_+\7e(prK/,`u!!!i`tPu2I:1<)XDL:A5oPp5ZUhQ19uQ)Yp]lsS^!sf%cmA2d@r6cEo^%t=`4X!<J2%,'V"ODp@L'E[?FKQ,aALk;lrmLB9^]HV`uZ[6Vo-A+V0D9J"ucsAJ`8uZH9?rKS("9eOA*SW";.kY+g",O`n$_L&`cnFlZYgaZAP9C;7f6Ufb.%W-Le6<b7N$?gsXliWIf,bYnXmSa;C3QYO+OqHQ`((SWIG)OBFF"Sm)=h,,;,=mIRU%uHIf"`<+hR_'XT%+n6Z%GD4,-4V%63?V:pdqfP)*AVh[l;`JVE7V$>KisXI+JYBY*M&=$9U+mf(k\B::afFj!>7#n7=1R#0=*fi6.1#>pmaui)3.jZ(Sf2T<:et@;hL'g%]fO0\Ic&NapHVEh-X#P)jV+GAP^(lVR<d4=j*uCTd[@BTa+*8KlmdZ[8Nbec0J;=Ac\gi**GgB01&`Q<Yc7R2!`0^4fZg]ono1I>-oXDZI<HuOpX6WBYJ6W9/EN*C/J\N82,W$nn;/EL!]sl\cqBS3slmkK*K`VZ#\+3-*sc%CJjR%(C6&8>k4N5"@9Jm^Nt3HFG*kZKoRY'a^j>W=1qlSN+qO1mp-%]c2'NR_#**aH4=,_Ja514]`tXk^lNFDX<':k2*a,#!oTbM9)~>endstream
+endobj
+15 0 obj
+<<
+/Filter [ /ASCII85Decode /FlateDecode ] /Length 1117
+>>
+stream
+Gb"/$bDmN#&A7I5o[,QDiuLSAeK,B:""`@5%P6LXTf=X'"$U>m&GG]ojA;VZ@JC'O$m<gad8aIX9b)9'B;iT!')f88pO<T.XD#5D@GS,$qiMr/2pXEM>C!uW]8%+:A*gXaKu4A.%8.u5Z&#][@8io%<[Gbig@X^C#>B&+HLoMh[e)DqD!@SBlCL2="4R)uD?$I"48S3BeU[Z=cdrm!$f>kmf+3'i+u]A)RAh@GgR;NHf%<N)1OA'`77j:+ViJ-.O`fZJ"0#-EM-A\cfLY;l1QU0R/3-lu;IV^rZT'P3N7fN"M2^.34E3D0pSL82=`n\@P`b.1HMWe\SQK9]Q1At4Vm7=+B8P\s9HfJ80-%>EQ,Gc,`[IndN)19]P_*")b-^*s$aE#B(**:C&0O:=pC^Zk`$?LYd@@g.$9SJUZ5Yeh#Rm69aV/&"[#d:fN(dE63@i)cZqU@E&=(<OJi'HWNuWIlI*k&&c:)&Qj0_phYtjIR7[;++A2OND,<JF<Mh1r\fhAF05^pHa/aB&U7h0*qoqp)676#ilZ0@is:EOUR4"9hi;G"Y`eI%Ri7d1n>qPuA7"EabXnrT7.2i;NPG!S56RiFLV3*62]?$)Wt$K6X&.QReVBdYuU#f*0;7ufHpXAb.]p3V`gMM4-LRRcFR<CSG7"n0PZ5&`*r4@RWKamOt7WMXI4cdgNa+j*]^@6%XhO>")s*<fo<[D%goO=3\*d,ke;\be+tJBcToTZqFaim<gM"%!_`c1WjB+`fT??8ZC)B<AaCQppfS19*pud2<hA7*5F]1"`H2Kn>!p+Q6d6[)\U71>C8*,`Plccae.`iL&/?1!4<$2=E+X2;$"6YhCal$R*-YS5B1>r=u`I@4<@#p@N-;>"a4-[HrbmMIHr3H>jR(=LZX_.lBB;]KSbr(2u=[ObGXc,'7s>AH>(iZ[N2,U\amdYGg-I7;L=(4+4OfWM&j:k,Xf_1kWrL(7!I)"=&^FO-ZV>(bNP&>G09TUS(IEBFp^T/(^k-1@#jl('Pe!J`,b8-3*d7&7f#AX/@=88%A4okbrNl9ElPde_=*?R$M(RhDMOoXM8fcr&ib@YCZ!sE4lIYf>.%tpci!cX,"rI%FE@Lm,_,=~>endstream
+endobj
+16 0 obj
+<<
+/Filter [ /ASCII85Decode /FlateDecode ] /Length 1119
+>>
+stream
+Gb"/$bDmN#&A7I5o[,B?iuLSFeK/45%4pE?%\ha!Tf=X'%6eD"&GG]ojA;Uo@,qPD$m<gad8aIX9b)9'B;iT!&q/E\]2&M</)'E*=SHUbI\t0Qc1B3,<o.cYmU:gg(qZn[iGaEd_\*9&/>B4ZfT[eb<J`H32Z<L?!RoechL,$J/Nlf_>P`!?\u.4H_"@URg4#mc>Pe/beU[Z5caOVV$fCuEXrm*2O4`rN1K-Ym[l(uoXg+#2B(X(JMNUM5:*"';,4!/r#?%<j'",4OZ'!Pb?T_d"Z/fTs8;Z_ec/Q*h11lk$-SfFlnAOR]gm\YeAC\LF;F[7alKRb*m)/sXXH]%b5*bO!3D1X\@g[K,Ic6qGW?g=t2F^j:B8!Q]U(kNa;PjVY?\fF0Z/Fj/KE)>T^Qm.q-RK-;N98p7;;`nmOkn(Z6=Aa49qD@.TS:UH@q="sbZQ[7TOlj?K;_2@&>Vl$I,rZ'j,<%KEA$fK)m?YYNHI9X19+;s+KHr9);.=P=;1nJc=TsC#P.c*BMfQl3H?OKX>bj!.`)L&MG<h]Hhs+^g.A7cP"GeqWE,ta1J6i_diXk>+fH'1OGCc-^JTBJZ4#Xug#Uct_SHSXlD!Td<!XRF=4'&'83>Kj6N@nH3c_=DA=[aW[GPIV;CpU#e3"pVX"m<#06g8FnUYIQjsbnr:3K/*9/U!bIBKH%$W33^%En9^Jpb,ZmO/XQXS%j;LI=_nJi7ODc/"Ee#&L0>#&T)&'8MU,*"]-sBsrf%%[jphor:;f3,@'0_CWh_OAS`hNm>^"-;*tnN587X-kn5F!!sIrU-6g"Qe@tE+DJK/I*SRp%*,HhMc"(:Wd/O1WPM%nLXgj)>R9"7jb2p^m]WRc%8.#4ZDV&FdotJ+XCYK2:_[-\d"A+W_RbHh>,foCk4L/YZ[gMEN\%!2(SRlc.glVdRe:0@*nBG?H:?'_/R"?]g$,hK8HkY<1gdZgV&<6%[A^Gb,T&fMH*f,^_IrsFh#_`e*<hGF6%eCf=Li&*P$-E#[4(g#$Nrt,0)<h+Jfrgr?TgP43l8#>6:[=$A2<Z<X59ud`jGBTpTB)?B)S99i0WErH4=,_Ja514]`tXk^lNFDX<':k2*a,#!r49C9`~>endstream
+endobj
+xref
+0 17
+0000000000 65535 f 
+0000000061 00000 n 
+0000000102 00000 n 
+0000000209 00000 n 
+0000000321 00000 n 
+0000000516 00000 n 
+0000000711 00000 n 
+0000000906 00000 n 
+0000001101 00000 n 
+0000001296 00000 n 
+0000001365 00000 n 
+0000001646 00000 n 
+0000001730 00000 n 
+0000002939 00000 n 
+0000004148 00000 n 
+0000005359 00000 n 
+0000006568 00000 n 
+trailer
+<<
+/ID 
+[<6915625d773a06cbaf0a61363162f4fe><6915625d773a06cbaf0a61363162f4fe>]
+% ReportLab generated PDF document -- digest (opensource)
+
+/Info 10 0 R
+/Root 9 0 R
+/Size 17
+>>
+startxref
+7779
+%%EOF

package/src/js/emulation/tradepro-id-pdf.js

@@ -0,0 +1,182 @@
+/* global PdfPreview */
+import { showLoader, hideLoader } from '../page/utils/loader';
+
+/**
+ * Prototype-only emulation of the TradePro "Choose Type of ID" PDF flow.
+ *
+ * On the live site this behaviour belongs to BE (Wick.ProofOfTrade in
+ * tradepro-proof-of-trade.js), which uploads the file behind the full-page
+ * loader, marks the field as attached, and swaps the ID list modal (#attach)
+ * for a preview modal. This mirrors that flow for PDFs so the prototype can be
+ * clicked through. What ships is the PdfPreview library, the markup and the
+ * CSS; this file only lives in emulation.min.js.
+ */
+var Wick = (window.Wick = window.Wick || {});
+
+Wick.TradeProIdPdf = {
+    // Stands in for the S3 upload round trip.
+    UPLOAD_DELAY: 1000,
+    // Shown for fields rendered as already attached, which have no File behind
+    // them (the PDF counterpart of Letterhead's placeholder thumbnail).
+    SAMPLE_PDF: 'img/lorem_ipsum.pdf',
+
+    el: {
+        field: '[data-pdf-preview-field]',
+        fileInput: '.tradepro-attachment',
+        trigger: '.signup-tradepro__modal-trigger',
+        pdfIcon: '.tradepro-field__pdf-icon',
+        paperclipIcon: '.icon__paperclip',
+        cameraIcon: '.icon__camera',
+        hasPdfClass: 'tradepro-field--has-pdf',
+        loader: '.tradepro-id-loader',
+        attachModal: '#attach',
+        modal: '#pdf-preview',
+        modalName: '.pdf-preview__name',
+        preview: '#pdf-preview-viewer',
+        yes: '.pdf-preview_yes',
+        no: '.pdf-preview_no',
+    },
+
+    // Field whose PDF is open in the preview modal.
+    $activeField: null,
+
+    isPdfFile(file) {
+        return !!file && file.type === 'application/pdf';
+    },
+
+    attach($field, file) {
+        var el = Wick.TradeProIdPdf.el;
+
+        $field.data('pdfFile', file);
+        $field.attr('title', file.name);
+        $field.find(el.pdfIcon).removeClass('d-none');
+        $field.find(el.paperclipIcon).addClass('d-none');
+        $field.find(el.cameraIcon).addClass('d-none');
+        $field.addClass(el.hasPdfClass);
+    },
+
+    detach($field) {
+        var el = Wick.TradeProIdPdf.el;
+
+        $field.removeData('pdfFile');
+        $field.removeAttr('title');
+        $field.find(el.pdfIcon).addClass('d-none');
+        $field.find(el.paperclipIcon).removeClass('d-none');
+        $field.find(el.cameraIcon).removeClass('d-none');
+        $field.removeClass(el.hasPdfClass);
+    },
+
+    handleFileChange() {
+        var el = Wick.TradeProIdPdf.el;
+        var $field = $(this).closest(el.field);
+        var file = this.files && this.files[0];
+
+        // Images keep the prototype's static image flow.
+        if (!Wick.TradeProIdPdf.isPdfFile(file)) {
+            Wick.TradeProIdPdf.detach($field);
+
+            return;
+        }
+
+        showLoader(el.loader);
+
+        setTimeout(function () {
+            hideLoader(el.loader);
+            Wick.TradeProIdPdf.attach($field, file);
+        }, Wick.TradeProIdPdf.UPLOAD_DELAY);
+    },
+
+    handleFieldClick(event) {
+        var el = Wick.TradeProIdPdf.el;
+        var $field = $(this);
+
+        if (!$field.hasClass(el.hasPdfClass)) {
+            return;
+        }
+
+        event.preventDefault();
+
+        Wick.TradeProIdPdf.$activeField = $field;
+        $(el.modal)
+            .find(el.modalName)
+            .text($.trim($field.find(el.trigger).first().text()));
+
+        // Swap the modals rather than stacking them, as BE does for #capture.
+        // Waiting for #attach to finish hiding stops Bootstrap from clearing
+        // the body's modal-open class after the preview has opened.
+        $(el.attachModal)
+            .one('hidden.bs.modal', function () {
+                $(el.modal).modal('show');
+            })
+            .modal('hide');
+    },
+
+    handleModalShown() {
+        var $field = Wick.TradeProIdPdf.$activeField;
+
+        if ($field) {
+            new PdfPreview(Wick.TradeProIdPdf.el.preview).load(
+                $field.data('pdfFile') || Wick.TradeProIdPdf.SAMPLE_PDF
+            );
+        }
+    },
+
+    handleModalHidden() {
+        var el = Wick.TradeProIdPdf.el;
+        var preview = PdfPreview.get(el.preview);
+
+        if (preview) {
+            preview.reset();
+        }
+
+        Wick.TradeProIdPdf.$activeField = null;
+        $(el.attachModal).modal('show');
+    },
+
+    handleYesClick(event) {
+        event.preventDefault();
+        $(Wick.TradeProIdPdf.el.modal).modal('hide');
+    },
+
+    handleNoClick(event) {
+        event.preventDefault();
+
+        var $field = Wick.TradeProIdPdf.$activeField;
+
+        if ($field) {
+            Wick.TradeProIdPdf.detach($field);
+            // Deleting also forgets the chosen file, so the same one can be
+            // picked again (an unchanged input fires no change event).
+            $field.find(Wick.TradeProIdPdf.el.fileInput).val('');
+        }
+
+        $(Wick.TradeProIdPdf.el.modal).modal('hide');
+    },
+
+    init() {
+        var el = Wick.TradeProIdPdf.el;
+
+        $(document).on(
+            'change',
+            el.field + ' ' + el.fileInput,
+            Wick.TradeProIdPdf.handleFileChange
+        );
+        $(document).on('click', el.field, Wick.TradeProIdPdf.handleFieldClick);
+
+        $(el.modal)
+            .on('shown.bs.modal', Wick.TradeProIdPdf.handleModalShown)
+            .on('hidden.bs.modal', Wick.TradeProIdPdf.handleModalHidden)
+            .on('click', el.yes, Wick.TradeProIdPdf.handleYesClick)
+            .on('click', el.no, Wick.TradeProIdPdf.handleNoClick);
+    },
+};
+
+$(document).ready(function () {
+    var el = Wick.TradeProIdPdf.el;
+
+    if (!$(el.field).length || !$(el.modal).length || typeof PdfPreview === 'undefined') {
+        return;
+    }
+
+    Wick.TradeProIdPdf.init();
+});