CP React Shipping Package

Please follow the instructions to use this package in React App:

Import Package/Component

import ShippingForm from "cp-react-px-shipping/build/ShippingForm"

Use the component

<ShippingForm />

Submit Button

You can place custom content in button using following snippet:

<ShippingForm>
    <span>Order Now</span>
</ShippingForm>

You can add class attribute to button

<ShippingForm buttonClass="btn mb10">
    <span>Order Now</span>
</ShippingForm>

onSubmission

This callback will be triggered, after submission of form (its optional if redirect prop is set)

<ShippingForm onSubmission={(status, formData, response) => {
    // status is true or false for status of the form
    // formData contains field values entered by user
    // response contains response from the API
}} /> 

Configuration props

You can pass some config values in the prop config These are required params

<ShippingForm config={{
    COMPAIGN_ID: 1,
    PRODUCT_ID: 1,
    SHIPPING_ID: 1
}} /> 

Re-order form fields and hide/show

You can re-order form fields using fields prop and set value to -1 to hide the field

<ShippingForm fields={{
    firstName: 0,
    lastName: 1,
    address1: 2,
    city: 3,
    state: 4,
    country: 5,
    zip: 6,
    phone: 7,
    email: 8
}} /> 

UK Only or not

you can set option, if this submission is only for UK visitors or not (This is optional and default value is true)

<ShippingForm config={{
    onlyForUK: false
}} /> 

Default Country Selection

You can set option for default country selection use 0 for UK and 1 for US (This is optional and default value is 0) Note: onlyForUK param should be false in case of other country

<ShippingForm config={{
    selectedCountry: 1
}} />