{\rtf1\ansi\deff3\adeflang1025
{\fonttbl{\f0\froman\fprq2\fcharset0 Times New Roman;}{\f1\froman\fprq2\fcharset2 Symbol;}{\f2\fswiss\fprq2\fcharset0 Arial;}{\f3\froman\fprq2\fcharset128 Tinos;}{\f4\froman\fprq2\fcharset128 Thorndale{\*\falt Times New Roman};}{\f5\fswiss\fprq2\fcharset128 Albany{\*\falt Arial};}{\f6\fnil\fprq0\fcharset128 OpenSymbol{\*\falt Arial Unicode MS};}{\f7\fnil\fprq2\fcharset128 HG Mincho Light J{\*\falt msmincho};}{\f8\fnil\fprq2\fcharset128 Arimo{\*\falt arial};}{\f9\fnil\fprq2\fcharset128 Arial Unicode MS;}{\f10\fnil\fprq2\fcharset128 Nimbus Sans;}{\f11\fswiss\fprq0\fcharset128 Nimbus Sans;}}
{\colortbl;\red0\green0\blue0;\red0\green0\blue128;\red0\green128\blue0;\red125\green144\blue41;\red102\green102\blue102;\red186\green33\blue33;\red64\green128\blue128;\red211\green211\blue211;\red128\green128\blue128;}
{\stylesheet{\s0\snext0\nowidctlpar{\*\hyphen2\hyphlead0\hyphtrail0\hyphmax0}\cf0\hich\af8\langfe2052\dbch\af10\afs24\lang1081\loch\f3\fs24\lang1033 Default;}
{\s1\sbasedon30\snext29\sb240\sa283\keepn\b\hich\af7\dbch\af9\afs48\ab\loch\f4\fs48 Heading 1;}
{\s2\sbasedon30\snext29\ilvl1\outlinelevel1\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs36\ab\loch\f3\fs36 Heading 2;}
{\s3\sbasedon30\snext29\ilvl2\outlinelevel2\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs28\ab\loch\f3\fs28 Heading 3;}
{\s4\sbasedon30\snext29\ilvl3\outlinelevel3\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs24\ab\loch\f3\fs24 Heading 4;}
{\*\cs15\snext15 Endnote Characters;}
{\*\cs16\snext16 Footnote Characters;}
{\*\cs17\snext17\cf2\ul\ulc0 Internet Link;}
{\*\cs18\snext18\b\ab Strong Emphasis;}
{\*\cs19\snext19\hich\af6\dbch\af6\loch\f6 Bullets;}
{\*\cs20\snext20\i\ai Emphasis;}
{\s21\sbasedon0\snext29\sb0\sa283\brdrb\brdrdb\brdrw15\brdrcf9\brsp0{\*\brdrb\brdlncol9\brdlnin1\brdlnout1\brdlndist20}\brsp0\fs12 Horizontal Line;}
{\s22\sbasedon0\snext22\i Sender;}
{\s23\sbasedon29\snext23\sb0\sa283 Table Contents;}
{\s24\sbasedon0\snext24\tqc\tx4818\tqr\tx9637\noline Footer;}
{\s25\sbasedon0\snext25\tqc\tx4818\tqr\tx9637\noline Header;}
{\s26\sbasedon0\snext26\noline\dbch\af11 Index;}
{\s27\sbasedon0\snext27\sb120\sa120\noline\i\dbch\af11\afs24\ai\fs24 Caption;}
{\s28\sbasedon29\snext28\sb0\sa283\dbch\af11 List;}
{\s29\sbasedon0\snext29\sb0\sa283 Text body;}
{\s30\sbasedon0\snext29\sb240\sa283\keepn\hich\af7\dbch\af9\afs28\loch\f5\fs28 Heading;}
{\s31\sbasedon23\snext31\qc\sb0\sa283\noline\b\ab Table Heading;}
}{\*\listtable{\list\listtemplateid1
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li707}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li1414}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li2121}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li2828}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li3535}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li4242}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li4949}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li5656}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li6363}\listid1}
{\list\listtemplateid2
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li707}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li1414}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li2121}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li2828}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li3535}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li4242}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li4949}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li5656}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li6363}\listid2}
{\list\listtemplateid3
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li707}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li1414}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li2121}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li2828}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li3535}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li4242}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li4949}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li5656}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li6363}\listid3}
{\list\listtemplateid4
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li707}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li1414}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li2121}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li2828}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li3535}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li4242}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li4949}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li5656}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li6363}\listid4}
{\list\listtemplateid5
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li707}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li1414}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li2121}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li2828}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li3535}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li4242}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li4949}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li5656}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li6363}\listid5}
{\list\listtemplateid6
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li707}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li1414}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li2121}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li2828}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li3535}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li4242}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li4949}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li5656}
{\listlevel\levelnfc23\leveljc0\levelstartat1\levelfollow0{\leveltext \'01\u8226 ?;}{\levelnumbers;}\f6\dbch\af6\fi-283\li6363}\listid6}
{\list\listtemplateid7
{\listlevel\levelnfc0\leveljc0\levelstartat1\levelfollow0{\leveltext \'00;}{\levelnumbers;}\fi-432\li432}
{\listlevel\levelnfc0\leveljc0\levelstartat1\levelfollow0{\leveltext \'00;}{\levelnumbers;}\fi-576\li576}
{\listlevel\levelnfc0\leveljc0\levelstartat1\levelfollow0{\leveltext \'00;}{\levelnumbers;}\fi-720\li720}
{\listlevel\levelnfc0\leveljc0\levelstartat1\levelfollow0{\leveltext \'00;}{\levelnumbers;}\fi-864\li864}
{\listlevel\levelnfc0\leveljc0\levelstartat1\levelfollow0{\leveltext \'00;}{\levelnumbers;}\fi-1008\li1008}
{\listlevel\levelnfc0\leveljc0\levelstartat1\levelfollow0{\leveltext \'00;}{\levelnumbers;}\fi-1152\li1152}
{\listlevel\levelnfc0\leveljc0\levelstartat1\levelfollow0{\leveltext \'00;}{\levelnumbers;}\fi-1296\li1296}
{\listlevel\levelnfc0\leveljc0\levelstartat1\levelfollow0{\leveltext \'00;}{\levelnumbers;}\fi-1440\li1440}
{\listlevel\levelnfc0\leveljc0\levelstartat1\levelfollow0{\leveltext \'00;}{\levelnumbers;}\fi-1584\li1584}\listid7}
}{\listoverridetable{\listoverride\listid1\listoverridecount0\ls1}{\listoverride\listid2\listoverridecount0\ls2}{\listoverride\listid3\listoverridecount0\ls3}{\listoverride\listid4\listoverridecount0\ls4}{\listoverride\listid5\listoverridecount0\ls5}{\listoverride\listid6\listoverridecount0\ls6}{\listoverride\listid7\listoverridecount0\ls7}}{\info{\title  Sandbox.payex-checkout-v1.Frontend API - Frontend API }{\creatim\yr0\mo0\dy0\hr0\min0}{\revtim\yr0\mo0\dy0\hr0\min0}{\printim\yr0\mo0\dy0\hr0\min0}{\comment OpenOffice}{\vern4120}}

{\*\pgdsctbl
{\pgdsc0\pgdscuse195\pgwsxn11906\pghsxn16838\marglsxn1134\margrsxn1134\margtsxn1134\margbsxn1134\pgdscnxt0 Default;}
{\pgdsc1\pgdscuse195\pgndec\pgwsxn11906\pghsxn16838\marglsxn1134\margrsxn1134\margtsxn1134\margbsxn1134\pgdscnxt1 Endnote;}
{\pgdsc2\pgdscuse195\pgndec\pgwsxn11906\pghsxn16838\marglsxn1134\margrsxn567\margtsxn567\margbsxn567\pgdscnxt2 HTML;}}
\formshade{\*\pgdscno2}\paperh16838\paperw11906\margl1134\margr567\margt567\margb567\sectd\sbknone\sectunlocked1\pgndec\pgwsxn11906\pghsxn16838\marglsxn1134\margrsxn567\margtsxn567\margbsxn567\ftnbj\ftnstart1\ftnrstcont\ftnnar\aenddoc\aftnrstcont\aftnstart1\aftnnrlc
\pgndec\pard\plain \s29\sb0\sa283\sb0\sa0{\rtlch \ltrch\loch
Sandbox.payex-checkout-v1.Frontend API - Frontend API }
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
Page of - last modified by Asbj\uc2 \u248\'c3\'b8rn Ulsberg on 2018/07/05 12:48 \uc1 }
\par \pard\plain \s1\sb240\sa283\keepn\b\hich\af7\dbch\af9\afs48\ab\loch\f4\fs48\qc{\rtlch \ltrch\loch
Frontend API }
\par \pard\plain \s29\sb0\sa283\qc{\rtlch \ltrch\loch
}
\par \pard\plain \s29\sb0\sa283\qc{\rtlch \ltrch\loch
Asbj\uc2 \u248\'c3\'b8rn Ulsberg\uc1 }
\par \pard\plain \s29\sb0\sa283\qc{\rtlch \ltrch\loch
}
\par \pard\plain \s29\sb0\sa283\qc{\rtlch \ltrch\loch
2018/07/05 12:48}
\par \pard\plain \s1\sb240\sa283\keepn\b\hich\af7\dbch\af9\afs48\ab\loch\f4\fs48\pagebb{\rtlch \ltrch\loch
Table of Contents}
\par \pard\plain \s29\sb0\sa283\li240\ri0\lin240\rin0\fi0\sb0\sa0{{\field{\*\fldinst HYPERLINK "#H" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
Add JavaScript reference}}}
\par \pard\plain \s29\sb0\sa283\li240\ri0\lin240\rin0\fi0\sb0\sa0{{\field{\*\fldinst HYPERLINK "#HBasicusage" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
Basic usage}}}
\par \pard\plain \s29\sb0\sa283\li240\ri0\lin240\rin0\fi0\sb0\sa0{{\field{\*\fldinst HYPERLINK "#HBasicusagewithoptions" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
Basic usage with options}}}
\par \pard\plain \s29\sb0\sa283\li240\ri0\lin240\rin0\fi0\sb0\sa0{{\field{\*\fldinst HYPERLINK "#HFlexibilityusage" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
Flexibility usage}}}
\par \pard\plain \s29\sb0\sa283\li240\ri0\lin240\rin0\fi0\sb0\sa0{{\field{\*\fldinst HYPERLINK "#HReference" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
Reference}}}
\par \pard\plain \s29\sb0\sa283\li480\ri0\lin480\rin0\fi0\sb0\sa0{{\field{\*\fldinst HYPERLINK "#Hpayex.checkout28paymentSessionUrl2Coptions29" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
payex.checkout(paymentSessionUrl, options)}}}
\par \pard\plain \s29\sb0\sa283\li480\ri0\lin480\rin0\fi0\sb0\sa0{{\field{\*\fldinst HYPERLINK "#Hpayex.checkout28paymentSessionUrl2Ccommand29" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
payex.checkout(paymentSessionUrl, command)}}}
\par \pard\plain \s29\sb0\sa283\li480\ri0\lin480\rin0\fi0\sb0\sa0{{\field{\*\fldinst HYPERLINK "#Hpayex.checkout28paymentSessionUrl2Coptions2Ccommand29" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
payex.checkout(paymentSessionUrl, options, command)}}}
\par \pard\plain \s29\sb0\sa283\li480\ri0\lin480\rin0\fi0{{\field{\*\fldinst HYPERLINK "#Hpayex.checkout28options29" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
payex.checkout(options)}}}
\par \pard\plain \s29\sb0\sa283\pagebb{\rtlch \ltrch\loch
}
\par \sect\sectd\sectunlocked1\pgwsxn11906\pghsxn16838\marglsxn1134\margrsxn567\margtsxn567\margbsxn567\ltrsect\sbknone\pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
}
\par \sect\sectd\sectunlocked1\pgwsxn11906\pghsxn16838\marglsxn1134\margrsxn567\margtsxn567\margbsxn567\ltrsect\sbknone\pard\plain \s2\ilvl1\outlinelevel1\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs36\ab\loch\f3\fs36{{\*\bkmkstart H}{\*\bkmkend H}\rtlch \ltrch\loch
Add JavaScript reference}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
Before implementing PayEx Checkout on your web site, you need to add a reference to the PayEx Checkout script to your page:}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
<}{\cf3\b\rtlch \ltrch\loch
script}{\rtlch \ltrch\loch
 }{\cf4\rtlch \ltrch\loch
src}{\cf5\rtlch \ltrch\loch
=}{\cf6\rtlch \ltrch\loch
"https://checkout.payex.com/js/payex-checkout.min.js"}{\rtlch \ltrch\loch
></}{\cf3\b\rtlch \ltrch\loch
script}{\rtlch \ltrch\loch
>}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
Please note that the above URL points to }{\*\cs18\b\ab\rtlch \ltrch\loch
PayEx Checkout's production environment}{\rtlch \ltrch\loch
. If you want to integrate with PayEx' test environment, }{{\field{\*\fldinst HYPERLINK "https://developer.payex.com/xwiki/wiki/developer/create/Main/ECommerce/PayEx%20Checkout/FAQ/WebHome?parent=Sandbox.payex-checkout-v1.Frontend+API.WebHome" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
please refer to the FAQ for the correct URLs}{\rtlch \ltrch\loch
}}.}
\par \pard\plain \s2\ilvl1\outlinelevel1\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs36\ab\loch\f3\fs36{{\*\bkmkstart HBasicusage}{\*\bkmkend HBasicusage}\rtlch \ltrch\loch
Basic usage}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
The simplest way to implement PayEx Checkout in your frontend is with the data-payex-checkout attribute.\~ }
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
Choose the button you want to open the PayEx Checkout modal and add the attribute data-payex-checkout with the value returned paymentSessionUrl from the }{{\field{\*\fldinst HYPERLINK "https://developer.payex.com/xwiki/wiki/developer/view/Sandbox/payex-checkout-v1/" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
initial POST}{\rtlch \ltrch\loch
}}. Then add the disable attribute - the PayEx Checkout script will enable it when it is properly loaded. The button should be wrapped inside a form that posts to your server.}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
The PayEx Checkout script will submit the <form> when the PayEx Checkout user flow is complete.}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
HTML}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
<}{\cf3\b\rtlch \ltrch\loch
form}{\rtlch \ltrch\loch
 }{\cf4\rtlch \ltrch\loch
action}{\cf5\rtlch \ltrch\loch
=}{\cf6\rtlch \ltrch\loch
"<url_to_your_server>"}{\rtlch \ltrch\loch
 }{\cf4\rtlch \ltrch\loch
method}{\cf5\rtlch \ltrch\loch
=}{\cf6\rtlch \ltrch\loch
"post"}{\rtlch \ltrch\loch
>\line \~ \~ }{\cf7\rtlch \ltrch\loch
<!-- ... -->}{\rtlch \ltrch\loch
\line \~ \~ \~ <}{\cf3\b\rtlch \ltrch\loch
button}{\rtlch \ltrch\loch
 }{\cf4\rtlch \ltrch\loch
data-payex-checkout}{\cf5\rtlch \ltrch\loch
=}{\cf6\rtlch \ltrch\loch
"<payment_session_url>"}{\rtlch \ltrch\loch
 }{\cf4\rtlch \ltrch\loch
disabled}{\rtlch \ltrch\loch
>Pay</}{\cf3\b\rtlch \ltrch\loch
button}{\rtlch \ltrch\loch
>\line </}{\cf3\b\rtlch \ltrch\loch
form}{\rtlch \ltrch\loch
>}
\par \pard\plain \s2\ilvl1\outlinelevel1\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs36\ab\loch\f3\fs36{{\*\bkmkstart HBasicusagewithoptions}{\*\bkmkend HBasicusagewithoptions}\rtlch \ltrch\loch
Basic usage with options}
\par \pard\plain \s29\sb0\sa283{{\*\bkmkstart H0}{\*\bkmkend H0}\rtlch \ltrch\loch
The PayEx Checkout script can be configured with options to get callbacks on certain events in the checkout user flow.}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
Availialbe callbacks:}
\par \pard\plain \s29\sb0\sa283{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls1 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa0{\rtlch \ltrch\loch
onOpen }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ - Callback called when the PayEx Checkout modal is opened.}
\par \pard\plain \s29\sb0\sa283{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls1 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa0{\rtlch \ltrch\loch
onClose }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ - Callback called when the PayEx Checkout modal is closed.}
\par \pard\plain \s29\sb0\sa283{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls1 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa0{\rtlch \ltrch\loch
onError }{\*\cs20\i\ai\rtlch \ltrch\loch
- Callback called when PayEx Checkout is unable to open or complete a session.}
\par \pard\plain \s29\sb0\sa283{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls1 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283{\rtlch \ltrch\loch
onComplete }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ - Callback called when PayEx Checkout user flow is completed.}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
HTML}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
<}{\cf3\b\rtlch \ltrch\loch
form}{\rtlch \ltrch\loch
 }{\cf4\rtlch \ltrch\loch
action}{\cf5\rtlch \ltrch\loch
=}{\cf6\rtlch \ltrch\loch
"<url_to_your_server>"}{\rtlch \ltrch\loch
>\line \~ \~ \~ }{\cf7\rtlch \ltrch\loch
<!-- ... -->}{\rtlch \ltrch\loch
\line \~ \~ \~ \~ <}{\cf3\b\rtlch \ltrch\loch
button}{\rtlch \ltrch\loch
 }{\cf4\rtlch \ltrch\loch
data-payex-checkout}{\cf5\rtlch \ltrch\loch
=}{\cf6\rtlch \ltrch\loch
"<payment_session_url>"}{\rtlch \ltrch\loch
 }{\cf4\rtlch \ltrch\loch
disabled}{\rtlch \ltrch\loch
>Pay</}{\cf3\b\rtlch \ltrch\loch
button}{\rtlch \ltrch\loch
>\line </}{\cf3\b\rtlch \ltrch\loch
form}{\rtlch \ltrch\loch
>}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
JavaScript}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
payex.checkout(}{\cf6\rtlch \ltrch\loch
"<payment_session_url>"}{\rtlch \ltrch\loch
, \{\line \~ \~ \~ \~ onClose}{\cf5\rtlch \ltrch\loch
:}{\rtlch \ltrch\loch
 }{\cf3\b\rtlch \ltrch\loch
function}{\rtlch \ltrch\loch
()\{\line \~ \~ \~ \~ \~ \~ \~ \~ console.log(}{\cf6\rtlch \ltrch\loch
"The modal was closed"}{\rtlch \ltrch\loch
);\line \~ \~ \~ \~ \}\line \});}
\par \pard\plain \s2\ilvl1\outlinelevel1\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs36\ab\loch\f3\fs36{{\*\bkmkstart HFlexibilityusage}{\*\bkmkend HFlexibilityusage}\rtlch \ltrch\loch
Flexibility usage}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
If you need more flexibility in your frontend, you can open the PayEx Checkout modal and post to your server programmatically.}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
If you have added it, start by removing the data-payex-checkout attribute to prevent the PayEx Checkout script to open and post automatically.}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
You can open the checkout modal on demand with the "open" \~ argument and use the onComplete callback to post to your server when the PayEx Checkout user flow is completed to continue with the }{{\field{\*\fldinst HYPERLINK "https://developer.payex.com/xwiki/wiki/developer/view/Sandbox/payex-checkout-v1/" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
Get Payment Status}{\rtlch \ltrch\loch
}} step.}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
Please note that Checkout must be opened with a }{{\field{\*\fldinst HYPERLINK "https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
trusted context}{\rtlch \ltrch\loch
}} in order to prevent pop-up blockers. The code has a trusted context when it runs as result of an user action. Code running within async callbacks such as ajax and timeout loses trusted context, so make sure you have acquired a payment session url before the user click on your buy button.}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
JavaScript}
\par \pard\plain \s29\sb0\sa283{\cf7\rtlch \ltrch\loch
// Remember to remove the data-payex-checkout attribute if you implemented it.\line }{\rtlch \ltrch\loch
\line payex.checkout(}{\cf6\rtlch \ltrch\loch
"<payment_session_url>"}{\rtlch \ltrch\loch
, \{\line \~ \~ \~ \~ onComplete}{\cf5\rtlch \ltrch\loch
:}{\rtlch \ltrch\loch
 }{\cf3\b\rtlch \ltrch\loch
function}{\rtlch \ltrch\loch
() \{\line \~ \~ \~ \~ \~ \~ \~ }{\cf7\rtlch \ltrch\loch
// Post or send a ajax request to your server to get the payment status step\line }{\rtlch \ltrch\loch
\~ \~ \~ \}\line \}, }{\cf6\rtlch \ltrch\loch
"open"}{\rtlch \ltrch\loch
);}
\par \pard\plain \s2\ilvl1\outlinelevel1\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs36\ab\loch\f3\fs36{{\*\bkmkstart HReference}{\*\bkmkend HReference}\rtlch \ltrch\loch
Reference}
\par \pard\plain \s3\ilvl2\outlinelevel2\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs28\ab\loch\f3\fs28{{\*\bkmkstart Hpayex.checkout28paymentSessionUrl2Coptions29}{\*\bkmkend Hpayex.checkout28paymentSessionUrl2Coptions29}\rtlch \ltrch\loch
payex.checkout(paymentSessionUrl, options)}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
Sets options for a payment session.}
\par \pard\plain \s4\ilvl3\outlinelevel3\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs24\ab\loch\f3\fs24{{\*\bkmkstart HArguments}{\*\bkmkend HArguments}\rtlch \ltrch\loch
Arguments}
\par \trowd\trql\ltrrow\trpaddft3\trpaddt28\trpaddfl3\trpaddl28\trpaddfb3\trpaddb28\trpaddfr3\trpaddr28\clvertalc\cellx1966\clvertalc\cellx3979\pard\plain \s23\sb0\sa283\intbl\qr\sb0\sa283{\*\cs18\b\ab\rtlch \ltrch\loch
Param}\cell\pard\plain \s23\sb0\sa283\intbl\sb0\sa283{\*\cs18\b\ab\rtlch \ltrch\loch
Details}\cell\row\trowd\trql\ltrrow\trpaddft3\trpaddt28\trpaddfl3\trpaddl28\trpaddfb3\trpaddb28\trpaddfr3\trpaddr28\clvertalc\cellx1966\clvertalc\cellx3979\pard\plain \s23\sb0\sa283\intbl\qr\sb0\sa283{\rtlch \ltrch\loch
paymentSessionUrl\line }{\cf8\rtlch \ltrch\loch
string}\cell\pard\plain \s23\sb0\sa283\intbl\sb0\sa283{\rtlch \ltrch\loch
A string of the URL to the Payment Session. This URL should be retrieved before page is rendered in the browser by completing the }{{\field{\*\fldinst HYPERLINK "https://developer.payex.com/xwiki/wiki/developer/view/Sandbox/payex-checkout-v1/" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
intial server-to-server POST request}{\rtlch \ltrch\loch
}}.}\cell\row\trowd\trql\ltrrow\trpaddft3\trpaddt28\trpaddfl3\trpaddl28\trpaddfb3\trpaddb28\trpaddfr3\trpaddr28\clvertalc\cellx1966\clvertalc\cellx3979\pard\plain \s23\sb0\sa283\intbl\qr\sb0\sa283{\rtlch \ltrch\loch
options\line }{\cf8\rtlch \ltrch\loch
object}{\rtlch \ltrch\loch
\line \~ }\cell\pard\plain \s23\sb0\sa283\intbl{\rtlch \ltrch\loch
Set options for the payment session.}
\par \pard\plain \s23\sb0\sa283\intbl{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls2 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa0{\rtlch \ltrch\loch
onClose }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ \~ function - Callback called when the PayEx Checkout modal is closed.}
\par \pard\plain \s23\sb0\sa283\intbl{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls2 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa0{\rtlch \ltrch\loch
onOpen }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ function - Callback called when the PayEx Checkout modal is opened.}
\par \pard\plain \s23\sb0\sa283\intbl{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls2 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa0{\rtlch \ltrch\loch
onError }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ function - Callback called when PayEx Checkout is unable to open or complete a session.}
\par \pard\plain \s23\sb0\sa283\intbl{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls2 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa283{\rtlch \ltrch\loch
onComplete }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ function - Callback called when PayEx Checkout user flow is completed.}\cell\row\pard\plain \s4\ilvl3\outlinelevel3\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs24\ab\loch\f3\fs24{{\*\bkmkstart HExample}{\*\bkmkend HExample}\rtlch \ltrch\loch
Example}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
payex.checkout(}{\cf6\rtlch \ltrch\loch
"<payment_session_url>"}{\rtlch \ltrch\loch
, \{\line \~ \~ \~ \~ onClose}{\cf5\rtlch \ltrch\loch
:}{\rtlch \ltrch\loch
 }{\cf3\b\rtlch \ltrch\loch
function}{\rtlch \ltrch\loch
()\{\line \~ \~ \~ \~ \~ \~ \~ \~ console.log(}{\cf6\rtlch \ltrch\loch
"The modal was closed"}{\rtlch \ltrch\loch
);\line \~ \~ \~ \~ \}\line \});}
\par \pard\plain \s3\ilvl2\outlinelevel2\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs28\ab\loch\f3\fs28{{\*\bkmkstart Hpayex.checkout28paymentSessionUrl2Ccommand29}{\*\bkmkend Hpayex.checkout28paymentSessionUrl2Ccommand29}\rtlch \ltrch\loch
payex.checkout(paymentSessionUrl, command)}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
Executes a PayEx Checkout action, such as opening the PayEx Checkout user flow.}
\par \pard\plain \s4\ilvl3\outlinelevel3\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs24\ab\loch\f3\fs24{{\*\bkmkstart HArguments-1}{\*\bkmkend HArguments-1}\rtlch \ltrch\loch
Arguments}
\par \trowd\trql\ltrrow\trpaddft3\trpaddt28\trpaddfl3\trpaddl28\trpaddfb3\trpaddb28\trpaddfr3\trpaddr28\clvertalc\cellx1966\clvertalc\cellx3979\pard\plain \s23\sb0\sa283\intbl\qr\sb0\sa283{\*\cs18\b\ab\rtlch \ltrch\loch
Param}\cell\pard\plain \s23\sb0\sa283\intbl\sb0\sa283{\*\cs18\b\ab\rtlch \ltrch\loch
Details}\cell\row\trowd\trql\ltrrow\trpaddft3\trpaddt28\trpaddfl3\trpaddl28\trpaddfb3\trpaddb28\trpaddfr3\trpaddr28\clvertalc\cellx1966\clvertalc\cellx3979\pard\plain \s23\sb0\sa283\intbl\qr\sb0\sa283{\rtlch \ltrch\loch
paymentSessionUrl\line }{\cf8\rtlch \ltrch\loch
string}\cell\pard\plain \s23\sb0\sa283\intbl\sb0\sa283{\rtlch \ltrch\loch
A string of the URL to the Payment Session. This URL should be retrieved before page is rendered in the browser by completing the }{{\field{\*\fldinst HYPERLINK "https://developer.payex.com/xwiki/wiki/developer/view/Sandbox/payex-checkout-v1/" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
intial server-to-server POST request}{\rtlch \ltrch\loch
}}.}\cell\row\trowd\trql\ltrrow\trpaddft3\trpaddt28\trpaddfl3\trpaddl28\trpaddfb3\trpaddb28\trpaddfr3\trpaddr28\clvertalc\cellx1966\clvertalc\cellx3979\pard\plain \s23\sb0\sa283\intbl\qr\sb0\sa283{\rtlch \ltrch\loch
command\line }{\cf8\rtlch \ltrch\loch
string}{\rtlch \ltrch\loch
\line \~ }\cell\pard\plain \s23\sb0\sa283\intbl{\rtlch \ltrch\loch
The command to be excuted}
\par \pard\plain \s23\sb0\sa283\intbl{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls3 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa283{\rtlch \ltrch\loch
"open" }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ \~ }{\rtlch \ltrch\loch
- }{\*\cs20\i\ai\rtlch \ltrch\loch
Opens the PayEx Checkout user flow.}\cell\row\pard\plain \s4\ilvl3\outlinelevel3\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs24\ab\loch\f3\fs24{{\*\bkmkstart HExample-1}{\*\bkmkend HExample-1}\rtlch \ltrch\loch
Example}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
payex.checkout(}{\cf6\rtlch \ltrch\loch
"<payment_session_url>"}{\rtlch \ltrch\loch
, }{\cf6\rtlch \ltrch\loch
"open"}{\rtlch \ltrch\loch
);}
\par \pard\plain \s3\ilvl2\outlinelevel2\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs28\ab\loch\f3\fs28{{\*\bkmkstart H1}{\*\bkmkstart Hpayex.checkout28paymentSessionUrl2Coptions2Ccommand29}{\*\bkmkend H1}{\*\bkmkend Hpayex.checkout28paymentSessionUrl2Coptions2Ccommand29}\rtlch \ltrch\loch
payex.checkout(paymentSessionUrl, options, command)}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
Sets options for a payment session and executes a PayEx Checkout action.}
\par \pard\plain \s4\ilvl3\outlinelevel3\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs24\ab\loch\f3\fs24{{\*\bkmkstart HArguments-2}{\*\bkmkend HArguments-2}\rtlch \ltrch\loch
Arguments}
\par \trowd\trql\ltrrow\trpaddft3\trpaddt28\trpaddfl3\trpaddl28\trpaddfb3\trpaddb28\trpaddfr3\trpaddr28\clvertalc\cellx1966\clvertalc\cellx3979\pard\plain \s23\sb0\sa283\intbl\qr\sb0\sa283{\*\cs18\b\ab\rtlch \ltrch\loch
Param}\cell\pard\plain \s23\sb0\sa283\intbl\sb0\sa283{\*\cs18\b\ab\rtlch \ltrch\loch
Details}\cell\row\trowd\trql\ltrrow\trpaddft3\trpaddt28\trpaddfl3\trpaddl28\trpaddfb3\trpaddb28\trpaddfr3\trpaddr28\clvertalc\cellx1966\clvertalc\cellx3979\pard\plain \s23\sb0\sa283\intbl\qr\sb0\sa283{\rtlch \ltrch\loch
paymentSessionUrl\line }{\cf8\rtlch \ltrch\loch
string}\cell\pard\plain \s23\sb0\sa283\intbl\sb0\sa283{\rtlch \ltrch\loch
A string of the URL to the Payment Session. This URL should be retrieved before page is rendered in the browser by completing the }{{\field{\*\fldinst HYPERLINK "https://developer.payex.com/xwiki/wiki/developer/view/Sandbox/payex-checkout-v1/" }{\fldrslt \cf2\ul\ulc0\rtlch \ltrch\loch
intial server-to-server POST request}{\rtlch \ltrch\loch
}}.}\cell\row\trowd\trql\ltrrow\trpaddft3\trpaddt28\trpaddfl3\trpaddl28\trpaddfb3\trpaddb28\trpaddfr3\trpaddr28\clvertalc\cellx1966\clvertalc\cellx3979\pard\plain \s23\sb0\sa283\intbl\qr\sb0\sa283{\rtlch \ltrch\loch
options\line }{\cf8\rtlch \ltrch\loch
object}{\rtlch \ltrch\loch
\line \~ }\cell\pard\plain \s23\sb0\sa283\intbl{\rtlch \ltrch\loch
Set options for the payment session.}
\par \pard\plain \s23\sb0\sa283\intbl{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls4 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa0{\rtlch \ltrch\loch
onClose }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ \~ function - Callback called when the PayEx Checkout modal is closed.}
\par \pard\plain \s23\sb0\sa283\intbl{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls4 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa0{\rtlch \ltrch\loch
onOpen }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ function - Callback called when the PayEx Checkout modal is opened.}
\par \pard\plain \s23\sb0\sa283\intbl{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls4 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa0{\rtlch \ltrch\loch
onError }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ function - Callback called when PayEx Checkout is unable to open or complete a session.}
\par \pard\plain \s23\sb0\sa283\intbl{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls4 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa283{\rtlch \ltrch\loch
onComplete }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ function - Callback called when PayEx Checkout user flow is completed.}\cell\row\trowd\trql\ltrrow\trpaddft3\trpaddt28\trpaddfl3\trpaddl28\trpaddfb3\trpaddb28\trpaddfr3\trpaddr28\clvertalc\cellx1966\clvertalc\cellx3979\pard\plain \s23\sb0\sa283\intbl\qr\sb0\sa283{\rtlch \ltrch\loch
command\line }{\cf8\rtlch \ltrch\loch
string}\cell\pard\plain \s23\sb0\sa283\intbl{\rtlch \ltrch\loch
The command to be excuted}
\par \pard\plain \s23\sb0\sa283\intbl{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls5 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa283{\rtlch \ltrch\loch
"open" }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ \~ }{\rtlch \ltrch\loch
- }{\*\cs20\i\ai\rtlch \ltrch\loch
Opens the PayEx Checkout user flow.}\cell\row\pard\plain \s4\ilvl3\outlinelevel3\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs24\ab\loch\f3\fs24{{\*\bkmkstart HExample-2}{\*\bkmkend HExample-2}\rtlch \ltrch\loch
Example}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
payex.checkout(}{\cf6\rtlch \ltrch\loch
"<payment_session_url>"}{\rtlch \ltrch\loch
, \{\line \~ \~ \~ \~ onComplete}{\cf5\rtlch \ltrch\loch
:}{\rtlch \ltrch\loch
 }{\cf3\b\rtlch \ltrch\loch
function}{\rtlch \ltrch\loch
() \{\line \~ \~ \~ \~ \~ \~ \~ }{\cf7\rtlch \ltrch\loch
// Your code goes here.\line }{\rtlch \ltrch\loch
\~ \~ \~ \}\line \}, }{\cf6\rtlch \ltrch\loch
"open"}{\rtlch \ltrch\loch
);}
\par \pard\plain \s3\ilvl2\outlinelevel2\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs28\ab\loch\f3\fs28{{\*\bkmkstart Hpayex.checkout28options29}{\*\bkmkend Hpayex.checkout28options29}\rtlch \ltrch\loch
payex.checkout(options)}
\par \pard\plain \s29\sb0\sa283{\rtlch \ltrch\loch
Sets defaults options for all Payment Sessions.}
\par \pard\plain \s4\ilvl3\outlinelevel3\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs24\ab\loch\f3\fs24{{\*\bkmkstart HArguments-3}{\*\bkmkend HArguments-3}\rtlch \ltrch\loch
Arguments}
\par \trowd\trql\ltrrow\trpaddft3\trpaddt28\trpaddfl3\trpaddl28\trpaddfb3\trpaddb28\trpaddfr3\trpaddr28\clvertalc\cellx811\clvertalc\cellx3979\pard\plain \s23\sb0\sa283\intbl\qr\sb0\sa283{\*\cs18\b\ab\rtlch \ltrch\loch
Param}\cell\pard\plain \s23\sb0\sa283\intbl\sb0\sa283{\*\cs18\b\ab\rtlch \ltrch\loch
Details}\cell\row\trowd\trql\ltrrow\trpaddft3\trpaddt28\trpaddfl3\trpaddl28\trpaddfb3\trpaddb28\trpaddfr3\trpaddr28\clvertalc\cellx811\clvertalc\cellx3979\pard\plain \s23\sb0\sa283\intbl\qr\sb0\sa283{\rtlch \ltrch\loch
options\line }{\cf8\rtlch \ltrch\loch
object}{\rtlch \ltrch\loch
\line \~ }\cell\pard\plain \s23\sb0\sa283\intbl{\rtlch \ltrch\loch
Set options for the payment session.}
\par \pard\plain \s23\sb0\sa283\intbl{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls6 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa0{\rtlch \ltrch\loch
onClose }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ \~ function - Callback called when the PayEx Checkout modal is closed.}
\par \pard\plain \s23\sb0\sa283\intbl{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls6 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa0{\rtlch \ltrch\loch
onOpen }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ function - Callback called when the PayEx Checkout modal is opened.}
\par \pard\plain \s23\sb0\sa283\intbl{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls6 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa0{\rtlch \ltrch\loch
onError }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ function - Callback called when PayEx Checkout is unable to open or complete a session.}
\par \pard\plain \s23\sb0\sa283\intbl{\listtext\pard\plain \hich\af6\dbch\af6\loch\f6 \'95\tab}\ilvl0\ls6 \li0\ri0\lin0\rin0\fi-283\tx707\li707\ri0\lin707\rin0\fi-283\sb0\sa283{\rtlch \ltrch\loch
onComplete }{\*\cs20\i\ai\rtlch \ltrch\loch
\~ function - Callback called when PayEx Checkout user flow is completed.}\cell\row\pard\plain \s4\ilvl3\outlinelevel3\sb240\sa283\keepn\b\hich\af8\dbch\af10\afs24\ab\loch\f3\fs24{{\*\bkmkstart HExample-3}{\*\bkmkend HExample-3}\rtlch \ltrch\loch
Example}
\par \pard\plain \s29\sb0\sa283\sb0\sa0{\rtlch \ltrch\loch
payex.checkout(\{\line \~ \~ \~ \~ onOpen}{\cf5\rtlch \ltrch\loch
:}{\rtlch \ltrch\loch
 }{\cf3\b\rtlch \ltrch\loch
function}{\rtlch \ltrch\loch
()\{\line \~ \~ \~ \~ \~ \~ \~ \~ console.log(}{\cf6\rtlch \ltrch\loch
"The modal was opened"}{\rtlch \ltrch\loch
);\line \~ \~ \~ \~ \}\line \});}
\par \sect\sectd\sectunlocked1\pgwsxn11906\pghsxn16838\marglsxn1134\margrsxn567\margtsxn567\margbsxn567\pgndec\sbknone}