{"version":3,"sources":["webpack:///./src/templates/pricing-pages/hk-stock-options/index.js"],"names":["HKStockOptionsPageTemplate","props","contentComponent","Content","content","headerImage","downloadNow","className","style","paddingBottom","class","scope","HKStockOptionsPage","post","data","markdownRemark","footerLinks","frontmatter","html","HTMLContent","pageQuery"],"mappings":"2FAAA,0KAqBaA,GArBb,OAqB0C,SAACC,GACrBA,EAAMC,kBAAoBC,IACFF,EAArCG,QADP,IACgBC,EAA4BJ,EAA5BI,YAA4BJ,EAAfK,YAE7B,OACE,yBAAKC,UAAU,iBACb,kBAAC,IAAD,CAAiBF,YAAaA,IAE9B,6BAASE,UAAU,sBAAsBC,MAAO,CAACC,cAAe,UAC9D,yBAAKF,UAAU,qBACb,yBAAKA,UAAU,8BACb,yBAAKA,UAAU,6BACb,uDAIA,6CACA,uCACA,yBAAKA,UAAU,oBACb,2BAAOG,MAAM,wBACX,+BACE,4BACE,wBAAIC,MAAM,OAAV,QACA,wBAAIA,MAAM,OAAV,QACA,wBAAIA,MAAM,OAAV,gBAGJ,4BACE,0CACA,kGACA,2CAEF,4BACE,kDACA,8FACA,2CAEF,4BACE,gDACA,6BACA,yDAEF,4BACE,6BACA,8DACA,8BAEF,4BACE,6BACA,8DACA,8BAEF,4BACE,6BACA,gEACA,gCAIN,sHAEE,8BAEF,6CACA,yBAAKJ,UAAU,oBACb,2BAAOG,MAAM,wBACX,+BACE,4BACE,wBAAIC,MAAM,OAAV,oBACA,wBAAIA,MAAM,OAAV,2BACA,wBAAIA,MAAM,OAAV,4BACA,wBAAIA,MAAM,OAAV,gCAGJ,4BACE,8CACA,uCACA,uCACA,+DAIN,6BACA,yBAAKJ,UAAU,oBACb,2BAAOG,MAAM,wBACX,+BACE,4BACE,wBAAIC,MAAM,OAAV,QACA,wBAAIA,MAAM,OAAV,gBACA,wBAAIA,MAAM,OAAV,YACA,wBAAIA,MAAM,OAAV,kBAGJ,4BACE,mCACA,sCACA,wCACA,uCAEF,4BACE,mCACA,qCACA,uCACA,sCAEF,4BACE,mCACA,uCACA,wCACA,wCAEF,4BACE,mCACA,qCACA,wCACA,wCAEF,4BACE,mCACA,qCACA,wCACA,wCAIN,mGAEE,6BACA,8BAGF,2FACA,yBAAKJ,UAAU,oBACb,2BAAOG,MAAM,wBACX,+BACE,4BACE,wBAAIC,MAAM,OAAV,QACA,wBAAIA,MAAM,OAAV,QACA,wBAAIA,MAAM,OAAV,gBAGJ,4BACE,4CACA,kDACA,yDAEF,4BACE,kDACA,+FACA,2CAEF,4BACE,+CACA,0EACA,yDAEF,4BACE,4CACA,iGACA,2DAEF,4BACE,gDACA,iEACA,wEAEF,4BACE,0CACA,iGACA,qDAEF,4BACE,4CACA,8FACA,6CAIN,mFAEE,6BACA,qCA+BDC,UArBY,SAAC,GAAY,IACfC,EADc,EAAVC,KACpBC,eAEP,OACE,kBAAC,IAAD,CAAQC,YAAaH,EAAKI,YAAYD,aACpC,kBAAChB,EAAD,CACEI,QAASS,EAAKK,KACdhB,iBAAkBiB,IAClBb,YAAaO,EAAKI,YAAYX,YAC9BD,YAAaQ,EAAKI,YAAYZ,gBAc/B,IAAMe,EAAS","file":"component---src-templates-pricing-pages-hk-stock-options-index-js-36815a2cebc6f448d580.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport {graphql, Link} from 'gatsby'\n\nimport '../../pricing-pages/styles.scss'\nimport Layout from '../../../components/Layout'\nimport Content, {HTMLContent} from '../../../components/Content'\nimport SharedJumbotron from '../../../components/SharedJumbotron'\nimport DownloadNow from '../../../components/DownloadNow'\n\ntype HKStockOptionsPageProps = {\n  content: Node.isRequired,\n  contentComponent: any,\n  downloadNow: {\n    mainText: string,\n    subText: string,\n    image: any,\n  },\n  headerImage: any,\n}\n\nexport const HKStockOptionsPageTemplate = (props: HKStockOptionsPageProps) => {\n  const PostContent = props.contentComponent || Content\n  const {content, headerImage, downloadNow} = props\n\n  return (\n    <div className=\"pricing-pages\">\n      <SharedJumbotron headerImage={headerImage} />\n\n      <section className=\"blog-post-container\" style={{paddingBottom: '250px'}}>\n        <div className=\"container content\">\n          <div className=\"row justify-content-center\">\n            <div className=\"col col-10 blog-container\">\n              <h3>\n                HONG KONG STOCK OPTIONS\n              </h3>\n              {/* <PostContent content={content} /> */}\n              <h5>1. Commission</h5>\n              <h5>Options</h5>\n              <div className=\"table-responsive\">\n                <table class=\"table table-bordered\">\n                  <thead>\n                    <tr>\n                      <th scope=\"col\">Item</th>\n                      <th scope=\"col\">Rate</th>\n                      <th scope=\"col\">Charged by</th>\n                    </tr>\n                  </thead>\n                  <tr>\n                    <td>Commission</td>\n                    <td>Total transaction amount × 0.2%, with a minimum of HKD 3 per order</td>\n                    <td>Snowball X</td>\n                  </tr>\n                  <tr>\n                    <td>Platform Usage Fee</td>\n                    <td>HKD 15 per order (waived if transaction value is ≥ HKD 60,000)</td>\n                    <td>Snowball X</td>\n                  </tr>\n                  <tr>\n                    <td>System Usage Fee</td>\n                    <td></td>\n                    <td>Hong Kong Stock Exchange</td>\n                  </tr>\n                  <tr>\n                    <td></td>\n                    <td>Category 1: HKD 3 per contract</td>\n                    <td></td>\n                  </tr>\n                  <tr>\n                    <td></td>\n                    <td>Category 2: HKD 1 per contract</td>\n                    <td></td>\n                  </tr>\n                  <tr>\n                    <td></td>\n                    <td>Category 3: HKD 0.5 per contract</td>\n                    <td></td>\n                  </tr>\n                </table>\n              </div>\n              <p>\n                Note: For specific option categories, please visit the Hong Kong Stock Exchange website.\n                <br />\n              </p>\n              <h5>Index Options</h5>\n              <div className=\"table-responsive\">\n                <table class=\"table table-bordered\">\n                  <thead>\n                    <tr>\n                      <th scope=\"col\">Pricing Currency</th>\n                      <th scope=\"col\">Commission Per Contract</th>\n                      <th scope=\"col\">Minimum Charge Per Order</th>\n                      <th scope=\"col\">Exchange and Clearing Fees</th>\n                    </tr>\n                  </thead>\n                  <tr>\n                    <td>HKD (Contract)</td>\n                    <td>HKD 8.5</td>\n                    <td>HKD 8.5</td>\n                    <td>See detailed breakdown below</td>\n                  </tr>\n                </table>\n              </div>\n              <br />\n              <div className=\"table-responsive\">\n                <table class=\"table table-bordered\">\n                  <thead>\n                    <tr>\n                      <th scope=\"col\">Code</th>\n                      <th scope=\"col\">Exchange Fee</th>\n                      <th scope=\"col\">SFC Levy</th>\n                      <th scope=\"col\">Clearing Fee</th>\n                    </tr>\n                  </thead>\n                  <tr>\n                    <td>HSI</td>\n                    <td>HKD 10</td>\n                    <td>HKD 0.54</td>\n                    <td>HKD 10</td>\n                  </tr>\n                  <tr>\n                    <td>MHI</td>\n                    <td>HKD 2</td>\n                    <td>HKD 0.1</td>\n                    <td>HKD 2</td>\n                  </tr>\n                  <tr>\n                    <td>HHI</td>\n                    <td>HKD 3.5</td>\n                    <td>HKD 0.54</td>\n                    <td>HKD 3.5</td>\n                  </tr>\n                  <tr>\n                    <td>HTI</td>\n                    <td>HKD 5</td>\n                    <td>HKD 0.54</td>\n                    <td>HKD 2.5</td>\n                  </tr>\n                  <tr>\n                    <td>MCH</td>\n                    <td>HKD 1</td>\n                    <td>HKD 0.54</td>\n                    <td>HKD 1</td>\n                  </tr>\n                </table>\n              </div>\n              <p>\n                The above fees are subject to change. Please refer to actual charges.\n                <br />\n                <br />\n              </p>\n\n              <h5>2. Exercise and Assignment Fees for Hong Kong Stock Options</h5>\n              <div className=\"table-responsive\">\n                <table class=\"table table-bordered\">\n                  <thead>\n                    <tr>\n                      <th scope=\"col\">Item</th>\n                      <th scope=\"col\">Rate</th>\n                      <th scope=\"col\">Charged by</th>\n                    </tr>\n                  </thead>\n                  <tr>\n                    <td>Exercise Fee</td>\n                    <td>HKD 2 per contract</td>\n                    <td>Hong Kong Stock Exchange</td>\n                  </tr>\n                  <tr>\n                    <td>Trading Commission</td>\n                    <td>Follows the commission package for your Hong Kong stock account</td>\n                    <td>Snowball X</td>\n                  </tr>\n                  <tr>\n                    <td>Transaction Fee</td>\n                    <td>0.005% × total transaction value + HKD 0.5</td>\n                    <td>Hong Kong Stock Exchange</td>\n                  </tr>\n                  <tr>\n                    <td>Clearing Fee</td>\n                    <td>0.002% × total transaction value (minimum HKD 2, maximum HKD 100)</td>\n                    <td>Hong Kong Clearing Limited</td>\n                  </tr>\n                  <tr>\n                    <td>Transaction Levy</td>\n                    <td>0.0027% × total transaction value</td>\n                    <td>Securities and Futures Commission (SFC)</td>\n                  </tr>\n                  <tr>\n                    <td>Stamp Duty</td>\n                    <td>0.1% × total transaction value (rounded up to a minimum of HKD 1)</td>\n                    <td>Hong Kong Government</td>\n                  </tr>\n                  <tr>\n                    <td>Platform Fee</td>\n                    <td>HKD 15 per order (waived if transaction value is ≥ HKD 60,000)</td>\n                    <td>Snowball X</td>\n                  </tr>\n                </table>\n              </div>\n              <p>\n                No exercise fee is charged when options are assigned.\n                <br />\n                <br />\n              </p>\n            </div>\n          </div>\n        </div>\n      </section>\n    </div>\n  )\n}\n\nconst HKStockOptionsPage = ({data}) => {\n  const {markdownRemark: post} = data\n\n  return (\n    <Layout footerLinks={post.frontmatter.footerLinks}>\n      <HKStockOptionsPageTemplate\n        content={post.html}\n        contentComponent={HTMLContent}\n        downloadNow={post.frontmatter.downloadNow}\n        headerImage={post.frontmatter.headerImage}\n      />\n    </Layout>\n  )\n}\n\nHKStockOptionsPage.propTypes = {\n  data: PropTypes.shape({\n    markdownRemark: PropTypes.object,\n  }),\n}\n\nexport default HKStockOptionsPage\n\nexport const pageQuery = graphql`\n  query HKStockOptions($id: String!) {\n    markdownRemark(id: {eq: $id}) {\n      id\n      html\n      frontmatter {\n        headerImage {\n          childImageSharp {\n            fluid(maxWidth: 2000, quality: 100) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n        downloadNow {\n          mainText\n          subText\n          image {\n            childImageSharp {\n              fluid(maxWidth: 1024, quality: 100) {\n                ...GatsbyImageSharpFluid\n              }\n            }\n          }\n        }\n        footerLinks {\n          firstRow {\n            name\n            href\n          }\n          secondRow {\n            name\n            href\n          }\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}