@castine/payment v4.1.41

React Widgets Library • Package Payment

Scripts

On package folder

# To run Storybook sandbox in watch mode
yarn start:storybook
# To build Storybook sandbox for publishing
yarn build:storybook
# To build package library in IIFE format
yarn build:library
# To test package with Testing Library
yarn test
# To publish package in NPM
yarn publish

Install

In webComponent/common from our Yii projects:

yarn install @castine/payment

Usage Example

In our Yii projects assets folder:

namespace frontend\assets;

class ReactPaymentComponentsAsset extends ReactComponentsAsset
{
    public $sourcePath = '@webComponents/common/node_modules/@castine/payment/dist/';
}

In our Yii projects controllers:

public function actionReview()
{
    return $this->render('review', [
        'graphqlEndpoint'       => $this->graphqlEndpoint(),
        'authorizationToken'    => $this->jwt(),
        'createURL'             => "/budget/payreq/create",
        'updateURL'             => "/budget/payreq/update?id=<payreq_id>",
        'addOrReviewPaymentsURL'=> "/budget/payreq/add-payments?id=<payreq_id>"

    ]);
}

In our Yii projects views:

use frontend\widgets\ReactComponent;
use frontend\assets\ReactPaymentComponentsAsset;

$this->params['containerClass']='container-fluid';
ReactPaymentComponentsAsset::register($this);

ReactComponent::widget([
    "component" => "widgets.PaymentReview",
    'container' => 'default',
    "params" => [
        'graphqlEndpoint' => $graphqlEndpoint,
        'authorizationToken' => $authorizationToken,
        'createURL' => $createURL,
        'updateURL' => $updateURL,
        "addOrReviewPaymentsURL" => $addOrReviewPaymentsURL,
    ]
])