Subscribe-msg-svelte NPM

International subscription message component, Supports HTML pages, including Vue, React, Angular, etc.

Install

npm install subscribe-msg-svelte --save

Usage

step 1:

import SubscribeMsg from "subscribe-msg-svelte";

step 2:

const subscribeMsg = new SubscribeMsg({
    target: document.body,
    props: {
        appId: '${appId}',
        authCode: '${authCode}',
        templateIds: ${templateIds},
        callback: this.handleCallback,
    }
});

step 3:

subscribeMsg.requestSubscribeMessage();

Component API

attribute name	default value	type	description
requestSubscribeMessage		Function	request subscribe message.
authCode		String	auth token
templateIds		Array	templateIds
animation	false	Boolean	Whether to enable animation effects.
callback	null	Function	callback method will get the return result.

Return value Description

success

indicates whether the subscription action is successful.
the user clicks Cancel to return false.（Click mask to cancel subscription process, and return errorCode）
The user clicks Reject to return true.（Click Reject actually performs the subscription process, but the submission type is unsubscribe, so it returns true）.
Other exceptions also return false.

type

'AGREE': Agree to subscribe.
'REJECT': reject to subscribe.

errorCode

Code	description
CANCELLED	User cancelled
NETWORK	network error
SYSTEM	system error
INCONSISTENT_TEMPLATE_TYPE	Templates type must be same.
INVALID_TEMPLATE_CODE	Invalid template code.
EXCEEDING_SUBSCRIPTION_LIMIT	Templates count out of max bounds.
INCOMING_EXCEEDED_THE_UPPER_LIMIT	The number of incoming templates exceeded the upper limit.