<body>
  <div id="ps-billing"></div>
  <script src="https://storage.googleapis.com/prestashop-vuejs-cdn/billing/0.0.1/ps-billing.min.js"></script>
  <script>
    const context = {
      // see bellow information about context
    }
    psBilling.PsBilling({context}).render("#ps-billing")
  </script>
</body>

Using the npm module

npm i @prestashopcorp/billing-cdc

yarn add @prestashopcorp/billing-cdc

// In js file
import { PsBilling } from '@prestashopcorp/billing-cdc';

PsBilling({context}).render("#ps-billing")

// In html file
<body>
  <div id="ps-billing"></div>
</body>

Contexte

Here is the data you need to pass through the context variable

Attribut	Type	Value	Example
`emailSupport`	`string`	Email to contact support (required)	admin@prestashop.com
`shopUuid`	`string`	Uuid of your shop (required)	Mn6ou86uATRBrtYjFUnkZf6Fc5e2
`moduleName`	`string`	Technical name of your module (required)	my-module
`accountApi`	`string`	API to retrieve your Prestashop Account. You can get it dynamically in `window.contextPsAccounts.adminAjaxLink` (required)	https://my-shop.com/ps-admin/index.php?controller=AdminAjaxPsAccounts&ajax=1&token=1247657657657

Frameworks

Use it with Vue2

import { PsBilling } from '@prestashopcorp/billing-cdc';

const PsBillingComponent = PsBilling.driver('vue', Vue);

Vue.component('app', {
    data: function () {
        return {
            context: {}
        }
    },
    template: '<div><ps-billing :context="context"/></div>' ,
    components: {
        'ps-billing': PsBillingComponent
    }
});

var vm = new Vue({
    el: '#container'
});

FAQs

What is @prestashopcorp/billing-cdc?

Is @prestashopcorp/billing-cdc popular?

Is @prestashopcorp/billing-cdc well maintained?

Package last updated on 08 Sep 2021

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

@prestashopcorp/billing-cdc

Prestashop Billing Component

Use the Prestashop Billing Component

Using the CDN

Using the npm module

Contexte

Frameworks

Use it with Vue2

Related posts

Linux Foundation Warns Open Source Developers: Compliance with Sanctions Is Not Optional

Maven Central Adds Sigstore Signature Validation