Version: Flutter SDK

Hooks

Set hooks

You can define custom hooks to be executed on various events.

Thanks to this you will be able to interact with your application when a survey appears, or execute some custom code when a survey is submitted.

You can define hooks on PluginScreeb.initSdk(), PluginScreeb.startSurvey(), and PluginScreeb.startMessage() commands. Hooks are all optional.

Available hooks

Hook Name	Available on `PluginScreeb.initSdk()`	Available on `PluginScreeb.startSurvey()`	Available on `PluginScreeb.startMessage()`
`onSurveyShowed`	Yes ✅	Yes ✅	Yes ✅
`onSurveyStarted`	Yes ✅	Yes ✅	Yes ✅
`onQuestionReplied`	Yes ✅	Yes ✅	Yes ✅
`onSurveyCompleted`	Yes ✅	Yes ✅	Yes ✅
`onSurveyHidden`	Yes ✅	Yes ✅	Yes ✅
`onAppStoreRatingTriggered`	Yes ✅	Yes ✅	Yes ✅
`onReady`	Yes ✅	No ❌	No ❌
`onSurveyDisplayAllowed`	Yes ✅	No ❌	No ❌
`onMessageShowed`	Yes ✅	Yes ✅	Yes ✅
`onMessageStarted`	Yes ✅	Yes ✅	Yes ✅
`onMessageCompleted`	Yes ✅	Yes ✅	Yes ✅
`onMessageHidden`	Yes ✅	Yes ✅	Yes ✅
`onMessageDisplayAllowed`	Yes ✅	No ❌	No ❌

Set hooks on SDK init

PluginScreeb.initSdk(
    "<channel-id>",
    hooks: <String, dynamic>{
      "version": "1.0.0",
      "onReady": (dynamic data) {
        log("onReady $data");
      },
      "onSurveyDisplayAllowed": (dynamic data) {
        log("onSurveyDisplayAllowed $data");
        return true;
      },
    });

Set hooks on survey start

PluginScreeb.startSurvey("<surveyId>", hooks: <String, dynamic>{
    "version": "1.0.0",
    "onSurveyShowed": (dynamic data) {
      print("onSurveyShowed");
      print(data.toString());
    },
    "onQuestionReplied": (dynamic data) {
      print("onQuestionReplied");
      print(data.toString());
    },
});

Set hooks on message start

PluginScreeb.startMessage("<messageId>", hooks: <String, dynamic>{
    "version": "1.0.0",
    "onSurveyShowed": (dynamic data) {
      print("onSurveyShowed");
      print(data.toString());
    },
    "onQuestionReplied": (dynamic data) {
      print("onQuestionReplied");
      print(data.toString());
    },
});

`onSurveyShowed`

Called when a survey is showed.

Example

PluginScreeb.initSdk(
    "<channel-id>",
    hooks: <String, dynamic>{
      "version": "1.0.0",
      "onSurveyShowed": (dynamic data) {
        log("onSurveyShowed $data");
      },
    });

Payload definition

{
    channel: {
        id: string,
        type: "ios"
    },
    survey: {
        id: string,
        survey_position: "center-left" | "center-center" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right",
        survey_size: 25 | 50 | 75 | 100 | 125 | 150,
        survey_format: "conversational" | "cards",
    },
    response: {
        id: string,
        items: {
            question: {
                id: string;
                title: string;
                type: "text" | "video";
                url: string;
            };
            answer: {
                fields: {
                    type: "string" | "number" | "boolean" | "none" | "time" | "url";
                },
                text: string;
                number: number;
                boolean: boolean;
                time: Date;
                url: string;
            }[] | undefined;
            replied_at: Date | undefined;
        }[];
    },
    user: {
        anonymous_id: string,
        user_id: string,
    }
}

`onSurveyStarted`

Called when a survey is started.

Example

PluginScreeb.initSdk(
    "<channel-id>",
    hooks: <String, dynamic>{
      "version": "1.0.0",
      "onSurveyStarted": (dynamic data) {
        log("onSurveyStarted $data");
      },
    });

Payload definition

{
    channel: {
        id: string,
        type: "ios"
    },
    survey: {
        id: string,
        survey_position: "center-left" | "center-center" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right",
        survey_size: 25 | 50 | 75 | 100 | 125 | 150,
        survey_format: "conversational" | "cards",
    },
    response: {
        id: string,
    },
    user: {
        anonymous_id: string,
        user_id: string,
    }
}

`onQuestionReplied`

Called when a question is replied.

Example

PluginScreeb.initSdk(
    "<channel-id>",
    hooks: <String, dynamic>{
      "version": "1.0.0",
      "onQuestionReplied": (dynamic data) {
        log("onQuestionReplied $data");
      },
    });

Payload definition

{
    channel: {
        id: string,
        type: "ios"
    },
    survey: {
        id: string,
        survey_position: "center-left" | "center-center" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right",
        survey_size: 25 | 50 | 75 | 100 | 125 | 150,
        survey_format: "conversational" | "cards",
    },
    response: {
        id: string,
        status: "started" | "ended" | "closed" | "interrupted"
        question: {
            id: string;
            title: string;
            type: "text" | "video";
            url: string;
        };
        answer: {
            fields: {
                type: "string" | "number" | "boolean" | "none" | "time" | "url";
            },
            text: string;
            number: number;
            boolean: boolean;
            time: Date;
            url: string;
        };
        items: {
            question: {
                id: string;
                title: string;
                type: "text" | "video";
                url: string;
            };
            answer: {
                fields: {
                    type: "string" | "number" | "boolean" | "none" | "time" | "url";
                },
                text: string;
                number: number;
                boolean: boolean;
                time: Date;
                url: string;
            }[] | undefined;
            replied_at: Date | undefined;
        }[];
    },
    user: {
        anonymous_id: string,
        user_id: string,
    }
}

`onSurveyCompleted`

Called when a survey is completed.

Example

PluginScreeb.initSdk(
    "<channel-id>",
    hooks: <String, dynamic>{
      "version": "1.0.0",
      "onSurveyCompleted": (dynamic data) {
        log("onSurveyCompleted $data");
      },
    });

Payload definition

{
    channel: {
        id: string,
        type: "ios"
    },
    survey: {
        id: string,
        survey_position: "center-left" | "center-center" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right",
        survey_size: 25 | 50 | 75 | 100 | 125 | 150,
        survey_format: "conversational" | "cards",
    },
    response: {
        id: string,
        items: {
            question: {
                id: string;
                title: string;
                type: "text" | "video";
                url: string;
            };
            answer: {
                fields: {
                    type: "string" | "number" | "boolean" | "none" | "time" | "url";
                },
                text: string;
                number: number;
                boolean: boolean;
                time: Date;
                url: string;
            }[] | undefined;
            replied_at: Date | undefined;
        }[];
    },
    user: {
        anonymous_id: string,
        user_id: string,
    }
}

`onSurveyHidden`

Called when a survey is hidden.

Example

PluginScreeb.initSdk(
    "<channel-id>",
    hooks: <String, dynamic>{
      "version": "1.0.0",
      "onSurveyHidden": (dynamic data) {
        log("onSurveyHidden $data");
      },
    });

Payload definition

{
    channel: {
        id: string,
        type: "ios"
    },
    survey: {
        id: string,
        survey_position: "center-left" | "center-center" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right",
        survey_size: 25 | 50 | 75 | 100 | 125 | 150,
        survey_format: "conversational" | "cards",
    },
    response: {
        id: string,
        hide_reason: "started" | "ended" | "closed" | "interrupted",
        items: {
            question: {
                id: string;
                title: string;
                type: "text" | "video";
                url: string;
            };
            answer: {
                fields: {
                    type: "string" | "number" | "boolean" | "none" | "time" | "url";
                },
                text: string;
                number: number;
                boolean: boolean;
                time: Date;
                url: string;
            }[] | undefined;
            replied_at: Date | undefined;
        }[];
    },
    user: {
        anonymous_id: string,
        user_id: string,
    }
}

`onAppStoreRatingTriggered`

Called when an App Store Rating question is triggered.

Example

PluginScreeb.initSdk(
    "<channel-id>",
    hooks: <String, dynamic>{
      "version": "1.0.0",
      "onAppStoreRatingTriggered": (dynamic data) {
        log("onAppStoreRatingTriggered $data");
      },
    });

Payload definition

{
    channel: {
        id: string,
        type: "ios"
    },
    user: {
        anonymous_id: string,
        user_id: string,
    }
}

`onReady`

Called when the SDK is ready. Only available on PluginScreeb.initSdk().

Example

PluginScreeb.initSdk(
    "<channel-id>",
    hooks: <String, dynamic>{
      "version": "1.0.0",
      "onReady": (dynamic data) {
        log("OnReady $data");
      },
    });

Payload definition

{
    channel: {
        id: string,
        type: "ios"
    },
    user: {
        anonymous_id: string,
        user_id: string,
    }
}

`onSurveyDisplayAllowed`

Called before a survey display to allow it or not. Only available on PluginScreeb.initSdk(). Return a boolean value. Return false to prevent display.

caution

The answer must arrive within 5 seconds. Past that deadline the display evaluation fails and the survey is not shown — keep this callback fast and avoid slow network calls; when unsure, return true early.

Example

PluginScreeb.initSdk(
    "<channel-id>",
    hooks: <String, dynamic>{
      "version": "1.0.0",
      "onSurveyDisplayAllowed": (dynamic data) {
        log("onSurveyDisplayAllowed $data");
        return true;
      },
    });

Payload definition

{
    channel: {
        id: string,
        type: "ios"
    },
    survey: {
        id: string,
    },
    user: {
        anonymous_id: string,
        user_id: string,
    }
}

`onMessageShowed`

Called when a message is showed.

Example

PluginScreeb.initSdk(
    "<channel-id>",
    hooks: <String, dynamic>{
      "version": "1.0.0",
      "onMessageShowed": (dynamic data) {
        log("onMessageShowed $data");
      },
    });

Payload definition

{
    channel: {
        id: string,
        type: "flutter"
    },
    message: {
        message_size: 25 | 50 | 75 | 100 | 125 | 150,
        id: string | null,
    },
    response: {
        id: string,
        items: {
            question: {
                id: string;
                title: string;
                type: "text" | "video";
                url: string;
            };
            answer: {
                fields: {
                    type: "string" | "number" | "boolean" | "none" | "time" | "url";
                },
                text: string;
                number: number;
                boolean: boolean;
                time: Date;
                url: string;
            }[] | undefined;
            replied_at: Date | undefined;
        }[];
    },
    user: {
        anonymous_id: string,
        user_id: string,
    }
}

`onMessageStarted`

Called when a message is started.

Example

PluginScreeb.initSdk(
    "<channel-id>",
    hooks: <String, dynamic>{
      "version": "1.0.0",
      "onMessageStarted": (dynamic data) {
        log("onMessageStarted $data");
      },
    });

Payload definition

{
    channel: {
        id: string,
        type: "flutter"
    },
    message: {
        message_size: 25 | 50 | 75 | 100 | 125 | 150,
        id: string | null,
    },
    response: {
        id: string,
    },
    user: {
        anonymous_id: string,
        user_id: string,
    }
}

`onMessageCompleted`

Called when a message is completed.

Example

PluginScreeb.initSdk(
    "<channel-id>",
    hooks: <String, dynamic>{
      "version": "1.0.0",
      "onMessageCompleted": (dynamic data) {
        log("onMessageCompleted $data");
      },
    });

Payload definition

{
    channel: {
        id: string,
        type: "flutter"
    },
    message: {
        message_size: 25 | 50 | 75 | 100 | 125 | 150,
        id: string | null,
    },
    response: {
        id: string,
        items: {
            question: {
                id: string;
                title: string;
                type: "text" | "video";
                url: string;
            };
            answer: {
                fields: {
                    type: "string" | "number" | "boolean" | "none" | "time" | "url";
                },
                text: string;
                number: number;
                boolean: boolean;
                time: Date;
                url: string;
            }[] | undefined;
            replied_at: Date | undefined;
        }[];
    },
    user: {
        anonymous_id: string,
        user_id: string,
    }
}

`onMessageHidden`

Called when a message is hidden.

Example

PluginScreeb.initSdk(
    "<channel-id>",
    hooks: <String, dynamic>{
      "version": "1.0.0",
      "onMessageHidden": (dynamic data) {
        log("onMessageHidden $data");
      },
    });

Payload definition

{
    channel: {
        id: string,
        type: "flutter"
    },
    message: {
        message_size: 25 | 50 | 75 | 100 | 125 | 150,
        id: string | null,
    },
    response: {
        id: string,
        hide_reason: "started" | "ended" | "closed" | "interrupted",
        items: {
            question: {
                id: string;
                title: string;
                type: "text" | "video";
                url: string;
            };
            answer: {
                fields: {
                    type: "string" | "number" | "boolean" | "none" | "time" | "url";
                },
                text: string;
                number: number;
                boolean: boolean;
                time: Date;
                url: string;
            }[] | undefined;
            replied_at: Date | undefined;
        }[];
    },
    user: {
        anonymous_id: string,
        user_id: string,
    }
}

`onMessageDisplayAllowed`

Called before a message display to allow it or not. Only available on initSdk(). Return a boolean value. Return false to prevent display.

caution

The answer must arrive within 5 seconds. Past that deadline the display evaluation fails and the message is not shown — keep this callback fast and avoid slow network calls; when unsure, return true early.

Example

PluginScreeb.initSdk(
    "<channel-id>",
    hooks: <String, dynamic>{
      "version": "1.0.0",
      "onMessageDisplayAllowed": (dynamic data) {
        log("onMessageDisplayAllowed $data");
        return true;
      },
    });

Payload definition

{
    channel: {
        id: string,
        type: "flutter"
    },
    message: {
        id: string,
    },
    user: {
        anonymous_id: string,
        user_id: string,
    }
}

Set hooks​

Available hooks​

Set hooks on SDK init​

Set hooks on survey start​

Set hooks on message start​

onSurveyShowed​

onSurveyStarted​

onQuestionReplied​

onSurveyCompleted​

onSurveyHidden​

onAppStoreRatingTriggered​

onReady​

onSurveyDisplayAllowed​

onMessageShowed​

onMessageStarted​

onMessageCompleted​

onMessageHidden​

onMessageDisplayAllowed​

Set hooks

Available hooks

Set hooks on SDK init

Set hooks on survey start

Set hooks on message start

`onSurveyShowed`

`onSurveyStarted`

`onQuestionReplied`

`onSurveyCompleted`

`onSurveyHidden`

`onAppStoreRatingTriggered`

`onReady`

`onSurveyDisplayAllowed`

`onMessageShowed`

`onMessageStarted`

`onMessageCompleted`

`onMessageHidden`

`onMessageDisplayAllowed`