1.0.0 • Published 4 years ago

pmd-overlay-service v1.0.0

Weekly downloads
-
License
-
Repository
-
Last release
4 years ago

Overlay Service

Overlay Service is ReactJS based package for displaying certain messages and actions to users through different types of overlays. Overlays can be fully configured by providing configuration object.

There are four types of templates for overlays: 1. Full Template 2. SlideIn Template 3. Small Template 4. Snackbar Template

Getting Started

Installing

In order to install this package, using npm, run the following command:

$ npm i pmd-overlay-service

Consuming the package

import { Overlay } from 'pmd-overlay-service';

In order to display overlay to user you have to provide at least two properties, configuration and device type:

<Overlay configuration={configuration} deviceType="web" />

The full list of the properties that can be passed to Overlay is listed in the table bellow.

NameTypeDefaultDescription
configurationobjectConfiguration object for overlay (more details bellow).
previewbooleanfalseBy providing this property some of overlay functionalities will be restricted.
renderInlinebooleanfalseBy providing this property overlay will be positioned absolute instead of fixed, which is default.
deviceTypeweb,mobile,appType of device where overlay should be displayed.

Here is the example of the configuration object:

{
  "overlay": {
    "modifier": "small",
    "disableBodyScroll": true,
    "isClosable": true,
    "overlayId": "default",
    "paywallType": {
      "web": "",
      "app": "",
      "mobile": ""
    },
    "closeAction": {
      "web": "",
      "app": "",
      "mobile": ""
    },
    "colors": {
      "tenant": "#0078BC",
      "secondary": "#005F96"
    },
    "content": {
      "heading": {
        "title": "Default title"
      },
      "introText": {
        "markup": "Default intro text placeholder."
      },
      "svg": {
        "ratioPercentage": "66.66%",
        "svgMarkup": "<svg class=\"a-svg__svg\" viewBox=\"0 0 375 250\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><defs><path id=\"a\" d=\"M0 .117h259.718v233.747H0z\"/></defs><g fill=\"none\" fill-rule=\"evenodd\"><path fill=\"#FFF\" d=\"M0 0h375v250H0z\"/><g transform=\"translate(58 8.02)\"><mask id=\"b\" fill=\"#fff\"><use xlink:href=\"#a\"/></mask><path d=\"M66.98 229.9c-5.5-1.19-71.589-11.906-66.724-90.949C5.12 59.908 11.226 36.137 36.92 27.441c25.694-8.697 88.152-49.849 137.163-10.72 49.01 39.129 101.897 74.223 80.91 136.7-20.987 62.478-24.423 83.319-79.18 80.13-54.757-3.189-82.68 2.007-108.834-3.65\" fill=\"#F8F8F8\" mask=\"url(#b)\"/></g><path d=\"M270.558 227.59c-.258 1.396-3.607 2.07-4.682 2.4-4.144 1.27-8.484 1.702-12.8 1.857-7.71.277-15.422-.181-23.134-.101-12.134.125-24.22.144-36.339-1.229-1.207-.137-3.676-.159-3.914-1.767-.294-1.986 1.44-3.259 3.078-3.91 5.206-2.07 11.326-2.63 16.868-3.103 11.824-1.009 23.66.445 35.45 1.284 1.984.141 25.946 2.014 25.473 4.57M149.702 227.59c-.259 1.396-3.608 2.07-4.683 2.4-4.144 1.27-8.484 1.702-12.8 1.857-7.71.277-15.421-.181-23.134-.101-12.134.125-24.22.144-36.339-1.229-1.207-.137-3.676-.159-3.914-1.767-.294-1.986 1.44-3.259 3.078-3.91 5.206-2.07 11.326-2.63 16.868-3.103 11.824-1.009 23.66.445 35.45 1.284 1.984.141 25.946 2.014 25.474 4.57\" fill=\"#E1E1E1\"/><path d=\"M130.432 169.205c.02.058.038.116.056.175.256.837.464 1.715.707 2.563.522 1.824 1.01 3.657 1.462 5.5.889 3.632 1.63 7.302 2.184 11.001.795 5.314 1.041 10.013.21 15.228-.946 5.926-2.202 11.79-3.19 17.708-.216 1.29-.41 2.63-.073 3.895.337 1.264 1.347 2.442 2.65 2.562 1.505.139 2.752-1.087 3.74-2.23 4.288-4.961 8.223-10.169 11.327-15.933 1.15-2.135 2.278-4.28 3.373-6.443a181.62 181.62 0 002.732-5.616c.753-1.623 1.476-3.26 2.156-4.915 3.768-9.184 5.87-18.22 5.967-28.378.006-.551.113-1.097.17-1.646.031-.289-.103-4.117-.027-4.396.33-1.209-2.615-2.077-3.87-3.176-3.543-3.104-9.09-.415-12.902.915-5.229 1.824-10.242 4.215-15.12 6.827-.72.386-1.467.802-1.925 1.48-.496.732-.582 1.681-.425 2.552.149.82.538 1.551.798 2.327\" fill=\"#E1E1E1\"/><path d=\"M132.063 177.601c2.093 8.589 3.769 17.574 2.35 26.403-.725 4.507-1.629 8.984-2.45 13.474-.383 2.09-.961 4.282-.953 6.415.007 1.641.673 3.432 2.306 4.09 1.553.624 3.165-.139 4.321-1.188 1.45-1.316 2.661-2.977 3.89-4.497 2.645-3.275 5.114-6.7 7.254-10.327 2.263-3.837 4.272-7.853 6.214-11.86 1.835-3.786 3.562-7.636 4.914-11.624a87.623 87.623 0 004.506-23.844c.046-.958.073-1.917.084-2.875.006-.527-1.185-.296-1.19.133-.087 7.772-1.298 15.561-3.438 23.029-2.27 7.917-5.94 15.323-9.78 22.578-1.93 3.645-4.014 7.163-6.434 10.507-1.188 1.64-2.43 3.24-3.713 4.806-.631.771-1.273 1.534-1.922 2.29-.618.72-1.25 1.501-2.067 2.004-1.835 1.129-3.391-.776-3.677-2.477-.172-1.024-.026-2.067.137-3.082.184-1.142.389-2.28.594-3.418.763-4.228 1.611-8.441 2.33-12.677.783-4.609 1.015-9.141.529-13.797-.506-4.845-1.466-9.651-2.618-14.38-.11-.448-1.298-.14-1.187.317\" fill=\"#142044\"/><path d=\"M79.985 219.419c-2.28-3.76 4.472-10.98 7.696-13.911 6.694-6.088 15.729-11.141 16.701-19.629 1.134-9.897-1.101-18.777 1.429-29.026.817-3.311 1.999-6.795 4.665-9.523 7.089-7.25 20.74.713 23.002 6.573 1.897 4.913 3.849 11.044 2.606 16.717-1.806 8.252-5.149 17.066-11.361 24.548-5.727 6.897-14.474 11.684-22.406 15.863-3.7 1.949-20.113 12.047-22.332 8.388\" fill=\"#E1E1E1\"/><path d=\"M135.294 175.17c-1.663 4.391-3.897 8.608-6.26 12.657-1.193 2.046-2.446 4.067-3.864 5.967-1.598 2.143-3.482 4.064-5.513 5.8-4.39 3.752-9.407 6.692-14.473 9.427-2.958 1.598-5.891 3.232-8.838 4.85-3.316 1.82-6.697 3.633-10.254 4.938-1.265.464-2.639.943-4 .97-1.075.021-1.677-.428-1.9-1.517-.385-1.867.753-3.876 1.711-5.388 1.194-1.884 2.674-3.594 4.22-5.196 3.347-3.47 7.317-6.237 10.921-9.419 3.479-3.07 6.865-6.713 7.783-11.42.566-2.902.516-5.987.5-8.931-.015-3.11-.143-6.219-.177-9.329a90.232 90.232 0 01.046-4.403c.023-.61-1.181-.435-1.201.093-.24 6.361.391 12.726.008 19.085-.16 2.662-.535 5.144-1.833 7.51-1.199 2.184-2.9 4.057-4.7 5.76-3.66 3.461-7.866 6.293-11.461 9.826-1.584 1.557-3.082 3.22-4.38 5.024-1.178 1.639-2.37 3.515-2.655 5.554-.17 1.223.075 2.824 1.343 3.364 1.086.464 2.413.227 3.52-.027 3.56-.818 6.948-2.59 10.165-4.268 2.82-1.471 5.554-3.095 8.354-4.603 5.027-2.709 10.085-5.366 14.72-8.727 2.328-1.689 4.548-3.544 6.536-5.627 1.668-1.748 3.094-3.672 4.411-5.694 2.772-4.252 5.202-8.777 7.269-13.412.401-.901.785-1.81 1.135-2.733.24-.633-.948-.618-1.133-.13\" fill=\"#142044\"/><path d=\"M163.17 160.154c.97-.417.386-6.044.376-6.946-.109-10.17-2.1-21.215-5.765-30.815-3.93-10.29-8.176-18.294-12.252-28.279-2.082-5.1-2.567-11.298-3.652-16.7-1.03-5.126-1.627-9.63-4.323-14.186-2.571-4.344-7.107-7.14-12.648-6.317-7.428 1.103-11.974 9.041-10.153 21.295l.326 2.196c.554 3.73.74 7.283 1.384 10.997.17.98.214 5.275.184 5.645-.614 7.372-16.57 46.63-12.78 65.214 0 0 33.866 8.677 59.303-2.104\" fill=\"#FFF\"/><path d=\"M163.716 153.208c-.109-10.17-2.1-21.215-5.765-30.815-3.583-9.381-7.77-17.671-11.51-26.485-1.842 5.422-5.427 7.51-9.92 8.292-6.658 1.16-14.326-.905-20.33-3.903-2.818 11.325-15.537 45.37-12.154 61.96 0 0 33.865 8.678 59.302-2.103.972-.417.386-6.044.377-6.946\" fill=\"#FFF\"/><path d=\"M125.514 80.293c-1.762.229-3.706-.885-4.084-2.621-.293 2.242-2.1 4.223-4.317 4.665-2.219.442-4.676-.727-5.681-2.753-1.006-2.026-.425-4.728 1.36-6.118-2.344.146-4.606-1.502-5.454-3.692-.849-2.19-.385-4.765.932-6.71 1.316-1.945 3.4-3.289 5.637-4.005-.965-1.25-.45-3.136.585-4.329.934-1.075 2.303-1.83 3.727-1.792 1.424.037 2.844.98 3.22 2.354.897-1.977 2.25-3.808 4.116-4.919 1.866-1.11 4.289-1.408 6.23-.435 1.942.972 3.19 3.338 2.572 5.42 1.102-.969 2.382-1.833 3.838-2.02 2.133-.274 4.36 1.154 5 3.206.643 2.053-.374 4.494-2.283 5.484-.44.228-1.007.54-.919 1.027.06.328.399.511.68.69 1.837 1.158 2.263 3.89 1.193 5.78-1.07 1.889-3.297 2.925-5.468 2.984-1.7.047-3.336-1.122-4.874-1.09-1.18.023-1.152.582-1.275 1.697-.336 3.04-.957 6.686-4.735 7.177\" fill=\"currentColor\"/><path d=\"M104.375 161.841c-.102-.013-.183-.047 0 0m60.066-6.563c-.071-1.344-.12-2.68-.165-4.026-.32-9.59-2.11-19.22-5.435-28.227-3.39-9.177-7.854-17.903-11.652-26.908-.931-2.209-1.772-4.408-2.338-6.742-.56-2.309-.943-4.656-1.322-7-.382-2.36-.81-4.709-1.271-7.056-.453-2.296-.919-4.597-1.643-6.826-1.307-4.025-3.61-7.792-7.237-10.11-3.152-2.016-7.029-2.635-10.582-1.359-6.17 2.216-8.627 8.849-8.857 14.925-.151 4.013.692 7.936 1.136 11.904.432 3.873 1.087 7.71 1.14 11.61.014 1.002.034 1.975-.183 2.958-.134.604 1.083.476 1.205-.078.217-.983.197-1.956.183-2.957-.018-1.303-.009-2.63-.164-3.925-.27-2.253-.624-4.494-.867-6.754-.223-2.07-.497-4.129-.803-6.188-.928-6.245-.855-14.317 4.376-18.815a10.108 10.108 0 018.356-2.285c4.201.755 7.585 3.992 9.548 7.646 2.133 3.971 2.83 8.587 3.677 12.96.856 4.422 1.301 8.934 2.545 13.276.646 2.25 1.592 4.396 2.515 6.544.931 2.167 1.895 4.32 2.87 6.467 1.91 4.214 3.856 8.413 5.65 12.68 1.852 4.403 3.549 8.857 4.797 13.472a93.289 93.289 0 012.642 13.92c.408 3.627.473 7.263.67 10.902.07 1.304.17 2.672-.055 3.966-.03.176-.06.422-.171.57.011-.015.048-.025.065-.04-.16.152-.575.24-.784.325-.964.391-1.94.753-2.926 1.088-7.518 2.56-15.478 3.637-23.395 3.863-6.776.193-13.567-.245-20.282-1.156-3.657-.496-7.312-1.114-10.905-1.964-.062-.014-.125-.033-.188-.05-.709-3.689-.605-7.509-.272-11.232.41-4.58 1.228-9.12 2.207-13.61 1.954-8.97 4.602-17.766 7.28-26.54.953-3.12 1.944-6.238 2.767-9.396.58.31 1.162.597 1.79.84a51.66 51.66 0 005.556 1.82c2.987.785 6.062 1.284 9.158 1.221 3.877-.078 8.035-1.113 10.878-3.902.997-.979 1.8-2.16 2.154-3.523.154-.592-1.063-.469-1.205.078-.643 2.469-3.034 4.227-5.26 5.18-4.411 1.886-9.571 1.415-14.119.345-3.062-.72-6.128-1.697-8.88-3.226-.386-.214-.943-.062-1.057.394-.758 3.033-1.705 6.021-2.617 9.01-1.264 4.143-2.53 8.286-3.722 12.45-2.585 9.037-5 18.243-6.004 27.61-.461 4.298-.657 8.747.2 13.01.021.108.15.23.254.257 2.645.676 5.346 1.163 8.04 1.602 6.405 1.042 12.89 1.639 19.379 1.728 8.056.112 16.19-.577 24.003-2.612a62.55 62.55 0 007.31-2.383c.435-.173.97-.31 1.352-.588.352-.256.483-.686.57-1.093.277-1.306.158-2.727.088-4.05\" fill=\"#142044\"/><path d=\"M133.73 86.327a18.8 18.8 0 00-.051-.177c-.104-.357-.196-.725-.165-1.095s.207-.747.53-.93c.676-.385 1.559.225 2.29-.04.273-.1.489-.31.724-.483.235-.172.528-.313.81-.24.401.104.575.571.65.98.361 1.944-.13 4.902-2.75 4.687-1.425-.116-1.703-1.495-2.039-2.702M109.788 174.635c3.313-.566 6.121-2.993 6.915-6.3.125-.521-1.081-.362-1.195.114-.64 2.666-2.85 4.934-5.592 5.402-.223.038-.648.16-.662.45-.013.271.307.373.534.334M154.005 165.388c.094 2.642.403 5.808 3.147 7.03.287.128 1.372-.321.963-.503-2.61-1.162-2.836-4.373-2.924-6.845-.01-.268-1.2-.063-1.186.318M86.277 80.077c1.082.736.649 2.272.139 3.209-.532.977-1.13 1.892-1.566 2.921-.806 1.905-1.255 3.947-1.393 6.008-.284 4.248.662 8.556 2.376 12.432 1.738 3.933 4.26 7.663 7.953 9.984 3.32 2.086 7.33 3.206 11.25 2.678 1.962-.264 3.91-.92 5.505-2.117 1.822-1.366 2.806-3.223 3.447-5.369.156-.519-1.052-.377-1.197.106-.564 1.885-1.419 3.57-3.023 4.773-1.362 1.021-3.016 1.59-4.695 1.807-3.845.494-7.75-.735-10.919-2.896-3.46-2.36-5.836-6.12-7.414-9.936-1.555-3.756-2.404-7.893-2.055-11.963.192-2.244.757-4.456 1.788-6.464.827-1.609 2.927-4.33.727-5.828-.402-.273-1.46.29-.923.655M141.552 120.605c-.87-3.88-1.989-7.707-3.46-11.404-.197-.496-1.374-.156-1.186.318 5.32 13.376 6.251 28.15 6.809 42.384.154 3.937.264 7.875.4 11.813.02.586 1.215.377 1.198-.108-.499-14.359-.605-28.917-3.761-43.003\" fill=\"#142044\"/><path d=\"M117.04 107.671c3.348 1.226 6.708 2.424 10.028 3.725 1.338.525 2.882 1.208 4.347 1.201 1.238-.005 2.104-.834 2.72-1.827.588-.95 1.028-1.982 1.666-2.903.206-.296.633-.973 1.02-1.062.57-.132 1.505.5 1.978.762.975.54 1.795 1.175 2.687 1.834.732.542 1.367.693 2.23.315.946-.415 1.606-1.307 2.194-2.12.674-.933 1.235-1.943 1.915-2.87.134-.183-.435-.14-.48-.133-.242.039-.54.127-.692.334-.515.703-.954 1.461-1.44 2.185-.306.455-.621.905-.97 1.33-.306.37-.68.642-1.001.982-.211.223-.048-.17.088.008-.028-.036-.204-.086-.236-.11-.181-.133-.378-.247-.559-.382-.424-.318-.818-.68-1.254-.982-.819-.566-1.767-1.097-2.702-1.435-2.18-.79-3.569.792-4.557 2.527-.516.905-.926 1.977-1.664 2.731-.252.258-.333.318-.683.262a10.244 10.244 0 01-1.086-.24 23.021 23.021 0 01-2.22-.752c-3.44-1.323-6.898-2.588-10.359-3.854-.274-.1-1.338.34-.97.474\" fill=\"#142044\"/><path d=\"M246.799 226.297c2.868-1.17 2.255-9.005 2.466-11.242a61.988 61.988 0 014.354-17.635c4.415-10.778 16.32-20.15 20.643-31.008 1.22-3.068-.457-5.108-1.678-8.197-1.016-2.57-3.04-4.595-5.009-6.54-2.914-2.877-6.161-5.919-10.22-6.349-3.02-.32-6.174.703-8.469 2.67-11.39 9.762-14.13 27.792-14.09 41.921.02 7.075.83 14.203 2.715 21.032.796 2.884 1.477 5.818 2.63 8.588.868 2.084 2.653 6.04 5.012 6.765.648.199 1.19.181 1.646-.005\" fill=\"#E1E1E1\"/><path d=\"M272.965 168.152c-1.296 2.747-2.975 5.299-4.768 7.744-3.745 5.106-8.058 9.787-11.574 15.063-3.802 5.704-6.006 12.291-7.226 19.008-.466 2.564-.754 5.112-.795 7.713-.034 2.166-.04 4.463-.735 6.537-.24.72-.611 1.593-1.326 1.96-.665.192-1.525-.341-2.023-.735-.528-.42-.975-.938-1.37-1.482-.782-1.076-1.394-2.273-1.939-3.483-1.437-3.186-2.261-6.576-3.173-9.937-1.948-7.177-2.71-14.63-2.642-22.055.102-11.3 1.77-23.418 7.823-33.194 3.095-4.996 8.12-11.031 14.72-9.559 3.213.717 5.822 2.997 8.13 5.219 1.208 1.162 2.423 2.334 3.514 3.608 1.187 1.385 1.98 2.848 2.698 4.51.632 1.463 1.48 2.906 1.739 4.5.268 1.652-.363 3.12-1.053 4.583m1.548-7.079c-.692-1.62-1.336-3.353-2.27-4.85-.908-1.455-2.084-2.722-3.288-3.934-2.363-2.379-4.837-4.923-7.945-6.31-3.014-1.346-6.432-1.18-9.446.09-2.807 1.184-5.032 3.463-6.928 5.792-7.59 9.32-9.887 22.077-10.352 33.777-.292 7.35.175 14.754 1.761 21.947.427 1.935.961 3.841 1.474 5.754.51 1.9 1.034 3.803 1.743 5.641.921 2.392 2.074 5.23 4.139 6.866.936.743 2.056.98 3.183.71.14-.022.298-.075.417-.122h.003c.057-.02.16-.058.243-.108 1.763-.858 2.119-3.196 2.325-4.944.245-2.08.13-4.166.268-6.25.25-3.788 1.056-7.602 2.092-11.246.976-3.433 2.186-6.85 3.923-9.977 3.23-5.81 7.772-10.762 11.825-15.989 1.977-2.55 3.881-5.176 5.444-8.005.745-1.35 1.55-2.802 1.954-4.298.425-1.57.059-3.084-.565-4.544\" fill=\"#142044\"/><path d=\"M206.914 196.224c3.758-.535 5.05-7.26 5.319-10.234.726-8.076-1.002-12.185 7.569-14.789 9.498-2.886 22.043-.347 31.907.053 1.338.055.267-4.416 1.257-5.318 1.086-.989 1.132-2.653 1.099-4.122l-.422-18.606c-.082-3.604-.25-7.47-2.415-10.353-1.659-2.208-4.419-3.543-7.18-3.472-4.916.126-13.205 5.371-17.324 8.11-7.726 5.139-17.423 9.685-23.04 17.148-6.132 8.146-5.2 16.882-2.978 26.367.65 2.777 2.551 15.737 6.208 15.216\" fill=\"#E1E1E1\"/><path d=\"M224.749 138.318c-8.903 5.66-19.971 10.795-24.415 21.047-2.133 4.921-2.229 10.305-1.455 15.539.345 2.33.902 4.608 1.374 6.913.291 1.424.555 2.854.864 4.275.39 1.787.823 3.571 1.4 5.308.47 1.41 1.02 2.924 1.97 4.09.794.973 1.816 1.325 3.032.959 1.772-.534 2.915-2.117 3.644-3.731 1.61-3.565 1.763-7.49 1.915-11.331.063-1.6.105-3.25.56-4.797.437-1.479 1.357-2.655 2.65-3.489 3.814-2.46 8.869-2.6 13.253-2.576 5.138.03 10.258.552 15.395.622 1.058.014 2.116.003 3.173-.049.622-.03.956-.78.14-.74-4.818.236-9.662-.293-14.473-.487-4.612-.185-9.513-.362-13.988.966-3.252.966-6.47 2.592-7.403 6.1-.408 1.533-.444 3.151-.505 4.727-.074 1.905-.124 3.822-.402 5.71-.276 1.872-.716 3.774-1.53 5.49-.516 1.083-1.71 3.19-3.183 2.994-1.088-.146-1.816-1.73-2.21-2.581-.709-1.532-1.189-3.17-1.612-4.8-.8-3.078-1.353-6.22-2.029-9.327-1.127-5.18-1.883-10.603-.712-15.846 2.479-11.107 13.026-17.043 21.998-22.51 1.107-.674 2.21-1.353 3.305-2.049.21-.133.296-.354.088-.522-.214-.173-.649-.03-.844.095\" fill=\"#142044\"/><path d=\"M246.557 93.402a27.35 27.35 0 00.773-4.875c.245-3.751.66-7.437 1.037-11.193l.228-2.278c1.274-12.708 8.504-22.64 16.117-21.876 7.613.763 12.727 11.932 11.453 24.64-.524 5.224-1.428 10.398-2.07 15.602l-.211 3.11c1.46 4.682 3.583 11.554 4.52 15.38 3.307 13.517 3.932 26.42.267 39.88-.686 2.518-3.95 12.662-4.842 12.317-27.373-10.57-45.215-26.92-45.691-28.527 5.698-9.166 10.995-18.669 14.704-28.833 1.085-2.974 2.03-6 2.802-9.07l.913-4.277z\" fill=\"#FFF\"/><path d=\"M270.572 73.69c-.77.558-1.88.435-2.68-.08-.798-.513-1.336-1.344-1.767-2.19-1.066-2.096-1.102-4.57-2.15-6.626-.963 1.672-1.973 4.383-4.191 4.638-.956.11-1.883-.313-2.765-.696-3.424-1.488-6.763-2.003-10.36-2.795-.388-.085-.8-.184-1.074-.473-.357-.376-.368-.957-.317-1.474 1.12-11.184 15.325-18.42 25.21-14.982 6.897 2.398 11.278 9.004 13.628 15.602 1.818 5.104 4.988 16.564-.565 20.415-1.32.916-3.008 1.089-4.614 1.148-.64.023-1.318.025-1.873-.296-.856-.496-1.148-1.599-1.15-2.588-.002-.99.202-1.992 0-2.96-.995.903-2.256 1.715-3.585 1.525-1.596-.228-2.675-1.883-2.801-3.49-.127-1.608.469-3.175 1.054-4.677\" fill=\"currentColor\"/><path d=\"M247.15 93.332c.802-3.26.873-6.612 1.192-9.939.26-2.72.548-5.436.822-8.154.525-5.201 1.954-10.413 4.78-14.855 2.05-3.22 5.233-6.625 9.296-6.883 3.923-.25 7.06 2.658 8.952 5.806 2.61 4.341 3.565 9.661 3.574 14.668.01 6.512-1.569 12.934-2.249 19.385-.06.583-.087 1.17-.126 1.754-.038.556-.187 1.209-.045 1.753.657 2.53 1.557 5.017 2.307 7.521 1.619 5.408 3.052 10.843 3.919 16.43 1 6.442 1.294 12.993.646 19.487-.554 5.554-1.9 10.972-3.382 16.342a50.78 50.78 0 01-1.103 3.57c-.148.416 1.042.271 1.188-.14.845-2.365 1.447-4.812 2.059-7.245.723-2.875 1.445-5.731 1.91-8.663 1.03-6.5 1.107-13.124.397-19.662-.65-5.995-1.955-11.88-3.63-17.666a462.847 462.847 0 00-2.424-8.035l-.532-1.715c-.121-.388-.224-.61-.198-.998l.158-2.328c.192-2.83.744-5.663 1.145-8.47.466-3.268.982-6.563 1.116-9.864.213-5.215-.542-10.691-2.951-15.376-1.754-3.41-4.629-6.622-8.62-7.175-3.927-.545-7.58 1.556-10.157 4.37-3.446 3.765-5.483 8.728-6.537 13.668-.513 2.406-.717 4.848-.966 7.29-.351 3.46-.709 6.919-.955 10.39a28.97 28.97 0 01-.773 4.874c-.112.454 1.084.28 1.188-.14\" fill=\"#142044\"/><path d=\"M275.023 165.419c-.403.189-4.488-1.419-5.833-1.976-4.247-1.76-8.368-3.778-12.52-5.723-15.328-7.182-30.346-19.684-30.662-20.088-.6-.768 2.664-3.157 2.664-3.157s1.439 1.64 1.677 1.842c14.18 11.98 27.943 19.953 45.913 25.77 0 0-.57 3.018-1.239 3.332\" fill=\"#FFF\"/><path d=\"M275.354 163.485c-.098.36-.224 1.098-.501 1.496-.101-.023-.221-.037-.288-.055a19.374 19.374 0 01-1.16-.37c-.88-.305-1.75-.636-2.616-.977a104.6 104.6 0 01-4.418-1.868 8.6 8.6 0 00.597-.653c.43-.506.657-.992.749-1.526a149.909 149.909 0 007.903 2.824c-.078.379-.166.756-.266 1.129m-21.638-7.798c.2-.177.385-.383.56-.596a4.36 4.36 0 00.759-1.304 123.991 123.991 0 0011.547 5.299c.023.555-.06 1.072-.445 1.558a8.044 8.044 0 01-.611.686c-.564-.256-1.126-.514-1.688-.774-3.4-1.574-6.794-3.155-10.122-4.869m-14.307-8.58c.635-.464 1.121-1.24 1.375-2.022a124.307 124.307 0 0013.236 8.165c-.044.452-.19.889-.437 1.28a5.46 5.46 0 01-.41.547 6.897 6.897 0 01-.194.227 108.883 108.883 0 01-4.365-2.403 160.334 160.334 0 01-9.205-5.794m-11.439-8.515c-.345-.281-.689-.564-1.026-.855-.101-.088-.355-.238-.4-.376-.162-.49.915-1.325 1.207-1.592.239-.217.486-.426.738-.629.526.606 1.058 1.21 1.671 1.726a171.35 171.35 0 004.453 3.624 148.844 148.844 0 005.18 3.892 3.014 3.014 0 01-.43 1.507c-.135.222-.307.43-.473.63-.041.05-.083.098-.125.147a160.456 160.456 0 01-10.795-8.074m48.643 23.129c-2.988-.97-5.945-2.03-8.863-3.189a7.37 7.37 0 00-.041-.392c-.043-.327-.68-.27-1.003-.027a124.938 124.938 0 01-11.227-5.207l-.257-.138a3.37 3.37 0 00-.014-.395c-.023-.237-.509-.222-.852-.068-4.632-2.507-9.09-5.32-13.378-8.377 0-.071-.003-.141-.01-.209-.01-.115-.211-.145-.444-.117a143.28 143.28 0 01-3.557-2.64 164.686 164.686 0 01-5.082-4.065c-.987-.821-1.82-1.707-2.666-2.67-.216-.246-.701-.149-.929.019-.976.717-2.137 1.567-2.749 2.634-.427.748-.034 1.062.495 1.512 2.287 1.943 4.688 3.76 7.106 5.537a185.426 185.426 0 004.7 3.344c-.095.123-.082.23.144.254.082.009.163.01.243.009a159.834 159.834 0 007.653 4.93 114.271 114.271 0 006.175 3.452c-.071.137-.042.28.18.304.139.015.27.012.397-.003 2.986 1.541 6.022 2.984 9.077 4.414.964.451 1.93.899 2.899 1.339-.133.176-.106.363.28.407.178.02.35-.001.514-.05 1.547.693 3.105 1.361 4.682 1.981.982.386 1.968.764 2.97 1.097.59.196 1.428.574 2.063.37.024-.007.045-.017.067-.026a1.49 1.49 0 00.05-.02l.006-.002c.062-.026.118-.054.163-.08.61-.36.833-1.233 1.024-1.861.175-.577.317-1.167.43-1.76.031-.162-.111-.263-.246-.307M273.894 102.76c-2.95 2.134-6.484 3.535-10.04 4.259-3.347.682-7.261.636-10.407-.847-2.074-.978-2.884-2.851-3.552-4.926-.164-.51-1.348-.183-1.186.318.595 1.847 1.313 3.72 3.012 4.82 1.614 1.046 3.616 1.451 5.495 1.695 3.943.51 7.885-.29 11.568-1.704 2.074-.796 4.082-1.817 5.884-3.121.652-.471-.324-.818-.774-.493\" fill=\"#142044\"/><path d=\"M271.901 97.963c-2.965 2.724-6.78 4.372-10.837 4.324-3.966-.047-8.12-1.537-11.048-4.24-.287-.264-1.397.182-1.105.452 3.203 2.955 7.808 4.487 12.136 4.417 4.376-.072 8.584-1.842 11.796-4.793.492-.453-.675-.405-.942-.16M253.134 84.813c.755.14 1.544-.195 2.087-.739.542-.543.865-1.27 1.071-2.009.088-.314.15-.671-.022-.947-.176-.28-.53-.378-.853-.452l-3.545-.823c-.277-.064-.769 4.594 1.262 4.97\" fill=\"#142044\"/><path d=\"M243.172 102.758c-1.08 3.44-3.15 6.473-4.968 9.547-1.841 3.111-3.838 6.24-6.147 9.03-.983 1.189-2.61 3.156-2.6 3.399.073 1.748-.422 8.513-.422 8.513 1.766-1.21 7.522-1.025 7.522-1.025.3.01 6.31-13.938 8.37-23.573.375-1.751 1.355-4.568.756-6.359-.089-.266-.147-.606-.467-.69l-.678-.174c-.528-.136-1.125.409-1.334 1.218-.01.038-.02.076-.032.114\" fill=\"#E1E1E1\"/><path d=\"M245.233 104.523c-.181 1.743-.717 3.464-1.115 5.167-.81 3.473-1.903 6.88-3.086 10.243a155.13 155.13 0 01-3.419 8.866 59.414 59.414 0 01-1.163 2.626c-.066.139-.163.286-.239.433-1.107-.069-2.284.057-3.37.153-1.024.091-2.165.206-3.173.575.071-1.005.138-2.01.198-3.016.056-.936.108-1.872.147-2.809.016-.388.03-.776.038-1.164.005-.28-.07-.68.001-.95.063-.237.29-.472.436-.667.35-.47.718-.924 1.087-1.378.822-1.011 1.662-2.006 2.444-3.05 1.924-2.568 3.57-5.312 5.227-8.056 1.708-2.831 3.5-5.643 4.518-8.814.066-.23.132-.453.263-.657.038-.057.235-.301.162-.277.105-.035.584.125.676.202.222.184.305.739.35 1.011.088.517.072 1.044.018 1.562m.854-2.877c-.289-.458-1.226-.624-1.734-.556-.954.127-1.525.87-1.774 1.744-.936 2.919-2.545 5.526-4.126 8.13-1.635 2.693-3.229 5.404-5.084 7.954-.843 1.159-1.75 2.261-2.656 3.369-.585.715-1.27 1.436-1.725 2.245-.261.464-.12 1.184-.136 1.705-.029.93-.078 1.86-.13 2.79a265.714 265.714 0 01-.28 4.296c-.031.432.77.219.96.096 1.112-.724 2.77-.744 4.05-.82.956-.055 1.916.004 2.869-.045.73-.038.931-.49 1.21-1.064.455-.933.864-1.888 1.268-2.843a154.516 154.516 0 003.712-9.71c1.267-3.669 2.256-7.372 3.19-11.135.274-1.1.578-2.199.707-3.328.1-.873.172-2.047-.32-2.828\" fill=\"#142044\"/><path d=\"M245.775 96.133c.437-.23.862-.222 1.17.432.442.935.453 2.237.568 3.25.095.84.07 1.384-.967 1.18-.914-.18-1.862-.716-2.735-1.053-1.394-.537.273-2.422.828-2.907.335-.293.74-.695 1.136-.902\" fill=\"#E1E1E1\"/><path d=\"M246.333 100.534c-.354-.12-.696-.275-1.037-.426-.398-.177-1.206-.34-1.388-.777-.153-.365.093-.82.28-1.124a6.035 6.035 0 011.866-1.88c.497-.023.787 2.804.818 3.153.024.27.066.542.077.813.004.098-.042.263-.064.396-.17-.07-.377-.095-.552-.155m1.698-1.681c-.077-.874-.11-1.962-.639-2.705-.438-.615-1.232-.505-1.842-.223a1.772 1.772 0 00-.053.026.54.54 0 00-.082.038c-1.023.602-2.447 1.837-2.707 3.071-.119.567.13.91.626 1.15.93.452 2 .987 3.036 1.112.544.066 1.302-.033 1.629-.534.334-.514.082-1.375.032-1.935M241.021 106.181c-3.063.619-5.995-.213-8.135-2.517-2.034-2.19-3.187-5.083-3.995-7.919-.888-3.117-1.295-6.305-1.591-9.525-.308-3.349-.55-6.744-1.476-9.993-1.044-3.664-3.071-6.827-6.213-9.03-.378-.266-1.447.272-.927.636 2.944 2.065 4.86 5.034 5.879 8.455.989 3.324 1.235 6.814 1.55 10.25.304 3.303.727 6.573 1.661 9.765.835 2.853 2.042 5.789 4.123 7.968 2.485 2.602 5.858 3.326 9.316 2.628.74-.15.536-.865-.192-.718M258.022 166.662a9.042 9.042 0 005.754 2.046c.237 0 .678-.076.78-.334.097-.243-.082-.387-.331-.386a8.028 8.028 0 01-5.106-1.805c-.344-.28-1.451.191-1.097.479M239.791 155.314a12.713 12.713 0 005.614 4.252.914.914 0 00.843-.098c.139-.101.376-.402.091-.512a12.265 12.265 0 01-5.451-4.125c-.266-.356-1.41.064-1.097.483M261.218 119.862c2.565 6.35 8.895 9.884 14.834 12.55 6.547 2.937 13.956 5.639 17.739 12.196 1.855 3.215 2.66 7.08 1.3 10.633-.104.272 1.048.144 1.176-.189 2.504-6.54-1.92-13.338-7.145-17.014-5.954-4.188-13.236-5.892-19.264-9.954-3.188-2.148-5.995-4.926-7.454-8.54-.132-.327-1.297.042-1.186.318M176.299 60.777c-3.616 1.812-2.396 6.87-1.891 10.031.705 4.423 1.136 9.06.47 13.51-1.123 7.502-4.722 15.047-10.644 19.927-1.881 1.55-3.956 2.686-6.349 3.217-1.94.43-4.432.626-5.935-.937-.256-.266-1.376.163-1.107.443 1.24 1.29 3.17 1.48 4.866 1.36 2.033-.145 4.06-.715 5.893-1.596 3.524-1.694 6.455-4.755 8.667-7.925 2.284-3.272 3.958-6.975 4.99-10.826a32.876 32.876 0 001.04-5.907c.198-2.514.033-5.036-.21-7.54-.231-2.368-.672-4.7-.935-7.062-.242-2.162-.445-5.257 1.862-6.414.205-.102.303-.257.119-.407-.188-.153-.663.04-.836.126\" fill=\"#142044\"/><path d=\"M178.108 63.152c-9.021 2.48-14.323 11.804-11.843 20.825l2.74 9.961 4.71-1.295-2.705-9.841c-1.765-6.419 2.008-13.053 8.426-14.818 6.419-1.765 13.053 2.008 14.818 8.427l1.504 5.469 4.711-1.296-1.537-5.59c-2.48-9.02-11.804-14.322-20.824-11.842\" fill=\"#FFF\"/><path d=\"M200.168 77.174c-.35-1.276-.657-2.577-1.122-3.817a17.056 17.056 0 00-3.271-5.388c-2.801-3.122-6.737-5.117-10.9-5.587-8.577-.97-17.071 4.528-19.265 12.95a17.056 17.056 0 00-.33 7.004c.239 1.472.697 2.908 1.092 4.344.085.31 1.272-.007 1.186-.318-.276-1.004-.575-2.006-.822-3.018a16.792 16.792 0 01-.342-6.22 16.939 16.939 0 015.44-10.285c3.088-2.77 7.217-4.242 11.361-4.004 4.036.233 7.9 1.986 10.771 4.825a16.708 16.708 0 013.755 5.657c.54 1.35.876 2.775 1.261 4.175.085.31 1.272-.007 1.186-.318\" fill=\"#142044\"/><path d=\"M172.236 84.943c-.577-2.096-1.203-4.14-1.031-6.348.232-2.973 1.593-5.815 3.803-7.823 4.682-4.253 12-3.58 16.126 1.104 1.774 2.015 2.45 4.416 3.143 6.935.113.41 1.3.093 1.186-.318-.648-2.356-1.267-4.626-2.816-6.586-1.97-2.494-4.924-4.156-8.072-4.574-6.421-.851-12.84 3.29-14.293 9.685-.4 1.76-.401 3.615-.006 5.376.216.964.512 1.914.774 2.867.112.41 1.299.093 1.186-.318\" fill=\"#142044\"/><path d=\"M198.171 109.484l-13.618 3.745c-7.011 1.928-14.258-2.193-16.186-9.205l-3.683-13.394a2.228 2.228 0 011.558-2.738l34.712-9.545a2.228 2.228 0 012.739 1.558l3.683 13.394c1.927 7.01-2.194 14.258-9.205 16.185\" fill=\"#FFE478\"/><path d=\"M198.562 109.119c-1.389.558-2.897.878-4.336 1.274l-6.325 1.74c-1.476.405-2.973.907-4.5 1.069-6.521.689-12.743-3.676-14.594-9.906-.991-3.337-1.85-6.718-2.773-10.075-.375-1.36-1.212-3.165-.326-4.47.553-.817 1.359-.91 2.227-1.149l9.588-2.636a1693627.735 1693627.735 0 0122.157-6.092c.28-.077.559-.169.841-.231.89-.198 1.813.268 2.32 1.006.31.453.42 1 .563 1.521l.652 2.37 1.744 6.345c.42 1.527.934 3.074 1.128 4.649.259 2.097.013 4.215-.64 6.22-1.284 3.74-4.024 6.876-7.726 8.365m9.019-17.39l-1.576-5.73-1.512-5.502c-.21-.758-.523-1.451-1.208-1.907-.84-.558-1.851-.536-2.791-.292-2.403.624-4.79 1.317-7.185 1.976l-13.281 3.651-11.217 3.084c-.738.203-1.48.396-2.214.61-1.021.295-1.962.871-2.34 1.917-.259.722-.123 1.407.07 2.112l3.083 11.21c.646 2.35 1.7 4.49 3.362 6.295a14.28 14.28 0 008.258 4.4c4.315.674 8.601-.995 12.704-2.123l5.324-1.464c2.874-.79 5.523-2.218 7.523-4.463 1.29-1.447 2.246-3.138 2.874-4.968.95-2.915.934-5.868.126-8.807\" fill=\"#142044\"/><path d=\"M192.793 103.202l-6.83 1.878-.514-8.247a3.328 3.328 0 01-2.402-2.358c-.486-1.768.526-3.587 2.26-4.064 1.734-.476 3.534.57 4.02 2.338.332 1.21-.037 2.443-.308 3.103l3.774 7.35z\" fill=\"#FFF\"/><path d=\"M190.765 103.33l-3.603.99c-.17.047-.36.13-.536.148a.54.54 0 00-.107.019c.01-.014.015-.037.006-.075-.061-.239-.034-.536-.049-.781l-.427-6.845c-.001-.025-.008-.048-.013-.07-.01-.124-.084-.234-.244-.278-2.035-.564-3.015-3.146-1.594-4.826 1.49-1.763 4.084-.607 4.564 1.416.144.607.108 1.236-.022 1.842-.078.362-.375.833-.29 1.19.05.206.218.427.314.613l1.613 3.142 1.46 2.844c.04.079.075.17.125.243.038.055.073.065.092.065a.25.25 0 00-.05.022c-.345.188-.863.237-1.239.34m2.284-.947c-.258-.563-.57-1.108-.852-1.659l-2.55-4.967c.581-1.577.632-3.435-.607-4.721-1.103-1.146-2.8-1.449-4.266-.878-1.466.57-2.496 2.02-2.446 3.608.05 1.569 1.085 2.883 2.537 3.387l.288 4.613.157 2.515c.051.822.584 1.208 1.426 1.017 1.753-.4 3.483-.958 5.216-1.435.707-.194 1.489-.624 1.097-1.48\" fill=\"#142044\"/><path d=\"M219.725 61.354c4.685 2.421 3.498 8.931-1.74 9.543a3.898 3.898 0 01-2.238-.408c-4.684-2.42-3.497-8.931 1.74-9.543.77-.09 1.55.053 2.238.408m-9.07 9.464c3.411 4.933 11.05 5.2 14.672-.702.845-1.377 1.298-3.816.999-5.404-1.126-5.968-6.81-8.596-11.524-6.884a.433.433 0 01-.505-.159l-12.632-18.265a.432.432 0 00-.601-.11l-2.325 1.608a.432.432 0 00-.109.6l.908 1.313a.432.432 0 01-.11.6l-2.324 1.608a.431.431 0 00-.11.6l1.258 1.82a.432.432 0 00.6.11l2.326-1.609a.432.432 0 01.6.11l1.258 1.819a.432.432 0 01-.11.6l-1.313.908a.432.432 0 00-.11.601l1.259 1.819a.432.432 0 00.6.11l1.313-.909a.432.432 0 01.6.11l5.98 8.646c.113.163.1.382-.03.532-2.51 2.898-2.851 7.23-.57 10.528\" fill=\"#E1E1E1\"/><path d=\"M225.215 69.254c-1.059 2.743-3.863 4.961-6.834 5.052-2.83.088-5.513-1.352-7.133-3.647-1.582-2.349-1.982-5.329-.946-7.985.232-.593.528-1.16.885-1.688.275-.406.896-.866.656-1.394-.129-.284-.382-.553-.558-.808l-5.176-7.484c-.343-.496-.65-.699-1.318-.52-.511.137-1.014.554-1.447.86-.325-.276-.657-.963-.804-1.177-.26-.376-.723-.794-.296-1.208.349-.339.861-.507 1.215-.84.482-.455.052-.872-.237-1.29-.272-.392-.52-.887-.85-1.23-.459-.474-1.246-.182-1.734.113-.398.241-.773.535-1.156.8l-.662.458c-.29-.266-.579-.856-.716-1.055-.231-.334-.786-.858-.44-1.265.268-.318.793-.549 1.135-.786.372-.257.824-.49 1.156-.8.924-.86-1.335-1.734-.656-2.536.287-.34.881-.61 1.245-.86l.546-.378c.11.12.198.289.269.392l.834 1.207 2.74 3.961 6.575 9.507 1.968 2.846c.163.236.277.468.576.548.508.137 1.094-.186 1.576-.308a7.118 7.118 0 011.974-.2c2.552.082 4.991 1.405 6.493 3.463 1.754 2.403 2.195 5.469 1.12 8.252M201.67 45.93l-.017.004c.042-.019.072-.028.017-.004m13.286 11.673c-.322.102-.1.019 0 0m7.156.405c-1.516-.747-3.224-1.027-4.903-.872a10.658 10.658 0 00-2.214.454l-.005.002c-.056-.096-.199-.224-.264-.32l-8.059-11.651-3.82-5.523c-.194-.283-.374-.647-.621-.889-.851-.83-2.554.738-3.232 1.207-.298.207-.967.51-1.027.922-.07.485.656 1.126.887 1.505.347.566-.177.783-.594 1.071-.51.353-1.044.686-1.536 1.063-.414.317-.46.608-.166 1.032.348.503.67 1.043 1.051 1.52.764.955 2.246-.36 2.94-.84l.662-.459c.265.246.513.763.64.947.179.258.625.68.66 1.012.048.463-.88.871-1.183 1.08-.36.25-.603.467-.38.925.209.43.576.834.849 1.228.214.31.394.714.802.776.804.124 1.491-.499 2.086-.92.129.128.23.328.308.44l.898 1.3 2.547 3.683 1.984 2.868c.254.369.41.526.087.99-.668.958-1.261 1.864-1.6 3-.757 2.532-.32 5.233 1.153 7.418 2.022 2.865 5.466 4.203 8.904 3.64 3.672-.6 6.996-3.207 7.812-6.933.844-3.854-1.117-7.927-4.666-9.676\" fill=\"#142044\"/><path d=\"M220.163 69.91c-1.914 1.432-4.376.634-5.744-1.161-.988-1.298-1.282-3.051-.734-4.593.796-2.236 3.197-3.702 5.48-2.608 1.568.837 2.715 2.281 2.878 4.087.148 1.634-.562 3.29-1.88 4.276m.123-8.751c-2.146-1.03-5.124-.208-6.718 1.503-1.346 1.446-1.728 3.625-.914 5.433.438.97 1.193 1.778 2.093 2.338 1.245.775 2.623.836 4.019.486 2.037-.51 3.826-1.851 4.338-3.968.582-2.402-.7-4.663-2.818-5.792M180.778 64.243c.316-1.09-.131-2.308-.92-3.093-.945-.942-2.25-.955-3.434-.473-.175.07-.464.257-.317.472.14.206.616.078.784.01 1.777-.724 3.13 1.75 2.701 3.235-.12.414 1.07.25 1.186-.15M172.18 45.533c-3.228-4.588-7.75-8.133-12.919-10.291-.487-.203-1.38.496-.689.785 5.02 2.095 9.39 5.572 12.52 10.023.302.428 1.435-.024 1.088-.517M178.313 41.91a98.482 98.482 0 00-5.667-14.25c-.185-.377-1.337.009-1.186.318a98.497 98.497 0 015.667 14.25c.117.377 1.3.048 1.186-.318M183.943 41.33c.853-6.06 1.52-12.142 2.372-18.2.08-.562-1.127-.387-1.197.107-.852 6.059-1.519 12.142-2.371 18.2-.08.562 1.127.387 1.196-.107\" fill=\"#142044\"/></g></svg>"
      },
      "cta": [
        {
          "text": "Default button",
          "href": {
            "web": "",
            "app": "",
            "mobile": ""
          },
          "jsClass": "js-overlay-content__trigger-link",
          "attributes": [
              {
                "key": "data-paywall-action",
                "value": "register"
              },
              {
                "key": "data-caller-uri",
                "value": "true"
              }
          ]
        },
        {
          "text": "Default secondary button",
          "href": {
            "web": "",
            "app": "",
            "mobile": ""
          },
          "jsClass": "js-overlay-content__trigger-link",
          "attributes": [
            {
              "key": "data-paywall-action",
              "value": "register"
            },
            {
              "key": "data-caller-uri",
              "value": "true"
            }
          ]
        }
      ],
      "footer": [
        {
          "text": "Login link",
          "outroText": "",
          "href": {
            "web": "",
            "app": "",
            "mobile": ""
          },
          "htmlClass": "o-overlay-content__login-link",
          "jsClass": "js-overlay-content__trigger-link",
          "attributes": [
            {
              "key": "data-paywall-action",
              "value": "login"
            },
            {
              "key": "data-caller-uri",
              "value": "true"
            }
          ]
        },
        {
          "text": "Home link",
          "href": {
            "web": "",
            "app": "",
            "mobile": ""
          },
          "jsClass": "js-overlay-content__trigger-link",
          "attributes": [
            {
              "key": "data-paywall-action",
              "value": "homepage"
            }
          ]
        }
      ]
    }
  },
  "backdrop": {}
}

In the table bellow you can find out more details about configuration object properties.

NameDescription
modifierType of the overlay's template.
disableBodyScrollIf it is set to true, user won't be able to scroll the page when overlay pops up.
isClosableIf it is set to true, user will be able to close overlay, otherwise he will be forced to click on some action.
overlayIdId of overlay.
paywallTypeStatistics identifier for web, mobile and app.
closeActionUrls for web, mobile and app where user will be redirected after he closed overlay.
colorsPrimary and secondary colors for overlay.
contentContent of overlay.
headingTitle of overlay.
introTextIntroduction text of overlay, usualy goes immediatelly after title.
svgImage, positioned on certain place of overlay. Can be svg, png or jpg (jpeg).
ctaAn array containing buttons (call to action) of overlay.
textText of button or link.
hrefButton of link hrefs for web, mobile and app.
jsClassSpecific class for button or link used for getting the element and performing certain actions though javascript.
attributesAn array of additional attributes for button or link.
footerAn array containing links for overlay.
outroTextText placed on the left side of link.
htmlClassSpecific class for button or link used for stilization.
backdropUsed for customizing the apperiance of backdrop.

Also, beside Overlay there is overlay's service, containing some helper methods for getting default configuration for certain type of overlay, which can be imported from package:

import { OverlayService } from 'pmd-overlay-service';

The full list of the available methods for OverlayService is listed bellow:

  • getDefaultSnackbarOverlay
  • getDefaultSmallOverlay
  • getDefaultFullOverlay
  • getDefaultSlideInOverlay
  • getDefaultOverlay (requires overlayId parameter which can be one of the following: full, small, slideIn, snackbar)

Note: All listed methods are static so you can call them on the following way:

OverlayService.getDefaultOverlay('full');

Built With

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

  • Nikola Radović - Developer - nikola.radovic@tx.group
  • Milivoje Vujadinović - Team Lead - milivoje.vujadinovic@tx.group
1.0.0

4 years ago

0.1.0

4 years ago