ninchat-embed 1.0.6 → 2.1.0

package/dist/src/components/Embed/components/EmbedHero/EmbedHero.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { NinchatUserAttributes } from 'api/types/attributes';
+import { QueueProps } from 'components/Queue/types';
+interface EmbedHeroProps {
+    queueProps?: QueueProps;
+    channelId?: string;
+    members?: Array<{
+        details: NinchatUserAttributes;
+        id: string;
+    }>;
+    type?: 'queue' | 'chat' | 'questionnaire' | 'login';
+    resetEmbed: () => void;
+}
+export declare const EmbedHero: {
+    (props: EmbedHeroProps): React.JSX.Element | null;
+    defaultProps: {
+        channelId: null;
+        members: never[];
+        queueProps: null;
+        type: string;
+    };
+};
+export {};
+//# sourceMappingURL=EmbedHero.d.ts.map

package/dist/src/components/Embed/components/EmbedHero/EmbedHero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedHero.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Embed/components/EmbedHero/EmbedHero.tsx"],"names":[],"mappings":"AAUA,OAAO,KAGN,MAAM,OAAO,CAAA;AAgBd,OAAO,EAAC,qBAAqB,EAAC,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAA;AAkCjD,UAAU,cAAc;IACpB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC;QACZ,OAAO,EAAE,qBAAqB,CAAC;QAC/B,EAAE,EAAE,MAAM,CAAC;KACd,CAAC,CAAC;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,eAAe,GAAG,OAAO,CAAA;IACnD,UAAU,EAAE,MAAM,IAAI,CAAA;CACzB;AAED,eAAO,MAAM,SAAS;YAAW,cAAc;;;;;;;CAwN9C,CAAA"}

package/dist/src/components/Embed/components/EmbedHero/styles/index.d.ts

@@ -0,0 +1,153 @@
+export declare const heroWrapper: {
+    background: string;
+    color: string;
+    borderWidth: string;
+    borderStyle: string;
+    borderColor: string;
+    margin: string;
+    padding: string;
+    borderBottomLeftRadius: string;
+    borderBottomRightRadius: string;
+    fontFamily: string;
+    fontSize: string;
+    fontWeight: string;
+    fontStyle: string;
+    fontVariant: string;
+    lineHeight: string;
+    variants: {
+        type: {
+            queue: {};
+            chat: {};
+            questionnaire: {
+                margin: number;
+            };
+            login: {
+                margin: string;
+            };
+        };
+        isVideoChannel: {
+            true: {};
+        };
+    };
+};
+export declare const heroContent: {
+    height: string;
+};
+export declare const heroContentInQueue: {
+    display: string;
+    flexDirection: string;
+    height: string;
+    alignItems: string;
+    justifyContent: string;
+};
+export declare const heroContentInChat: {
+    display: string;
+    flexDirection: string;
+    height: string;
+    alignItems: string;
+    justifyContent: string;
+};
+export declare const spinnerWrapper: {
+    '> svg': {
+        color: string;
+        animation: string;
+        overflow: string;
+    };
+    position: string;
+    '> span': {
+        position: string;
+        top: string;
+        left: string;
+        transform: string;
+    };
+    width: string;
+    height: string;
+    marginBottom: string;
+};
+export declare const title: {
+    textAlign: string;
+    fontWeight: string;
+};
+export declare const subtitle: {
+    fontFamily: string;
+    fontSize: string;
+    fontWeight: string;
+    fontStyle: string;
+    fontVariant: string;
+    color: string;
+    textAlign: string;
+    lineHeight: string;
+};
+export declare const memberImages: {
+    display: string;
+    justifyContent: string;
+    'div[data-name="user-avatar"] > div:first-child': {
+        backgroundColor: string;
+        borderColor: string;
+        color: string;
+    };
+    '> div': {
+        marginLeft: string;
+        '&:first-child': {
+            marginLeft: number;
+        };
+    };
+    marginBottom: string;
+};
+export declare const channelAvatar: {
+    display: string;
+    justifyContent: string;
+    '> div': {
+        borderColor: string;
+        color: string;
+    };
+    marginBottom: string;
+};
+export declare const moreUsers: {
+    backgroundColor: string;
+    borderColor: string;
+    borderWidth: string;
+    borderStyle: string;
+    color: string;
+    borderRadius: string;
+    display: string;
+    alignItems: string;
+    justifyContent: string;
+    fontSize: string;
+    width: string;
+    height: string;
+    position: string;
+};
+export declare const videoMeetingWrapper: {
+    marginTop: string;
+    variants: {
+        noMargin: {
+            true: {
+                marginTop: number;
+            };
+        };
+    };
+};
+export declare const errorWrapper: {
+    padding: string;
+};
+export declare const errorTitle: {
+    fontWeight: string;
+    display: string;
+    alignItems: string;
+    gap: string;
+    justifyContent: string;
+    marginBottom: string;
+};
+export declare const errorMessage: {
+    textAlign: string;
+};
+export declare const errorButtonWraper: {
+    marginTop: string;
+    display: string;
+    justifyContent: string;
+};
+export declare const queuePosition: {
+    color: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/Embed/components/EmbedHero/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/Embed/components/EmbedHero/styles/index.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBvB,CAAA;AAED,eAAO,MAAM,WAAW;;CAAmB,CAAA;AAE3C,eAAO,MAAM,kBAAkB;;;;;;CAM9B,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;CAgB1B,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;CASpB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;CAcxB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;CAQzB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAcrB,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;CAG/B,CAAA;AAED,eAAO,MAAM,YAAY;;CAAsB,CAAA;AAE/C,eAAO,MAAM,UAAU;;;;;;;CAOtB,CAAA;AAED,eAAO,MAAM,YAAY;;CAAwB,CAAA;AAEjD,eAAO,MAAM,iBAAiB;;;;CAI7B,CAAA;AAED,eAAO,MAAM,aAAa;;CAAiC,CAAA"}

package/dist/src/components/Embed/helpers/markdown.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import remarkGfm from 'remark-gfm';
+export declare const markdownProps: {
+    components: {
+        a: (props: React.HTMLProps<HTMLAnchorElement>) => React.ReactElement;
+    };
+    remarkPlugins: (typeof remarkGfm)[];
+};
+//# sourceMappingURL=markdown.d.ts.map

package/dist/src/components/Embed/helpers/markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Embed/helpers/markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC,eAAO,MAAM,aAAa;;mBAEP,MAAM,SAAS,CAAC,iBAAiB,CAAC,KAAG,MAAM,YAAY;;;CAOzE,CAAA"}

package/dist/src/components/Embed/styles/questionnaire.d.ts

@@ -0,0 +1,373 @@
+export declare const overflow: {
+    (): string;
+    name: string;
+};
+export declare const APPEAR_TEXT_DURATION = 1;
+export declare const STEP_TEXT_DELAY = 1;
+export declare const APPEAR_COMPONENT_DURATION = 0.3;
+export declare const STEP_COMPONENT_DELAY = 0.3;
+export declare const appearTextBase: {
+    (): string;
+    name: string;
+};
+export declare const appearTextWidth: {
+    (): string;
+    name: string;
+};
+export declare const appearTextContent: {
+    (): string;
+    name: string;
+};
+export declare const appearTextLoader: {
+    (): string;
+    name: string;
+};
+export declare const appearTextDots: {
+    (): string;
+    name: string;
+};
+export declare const appearComponent: {
+    (): string;
+    name: string;
+};
+export declare const questionnaireWrapper: {
+    '&&&': {
+        animation: string;
+        height: string;
+        margin: string;
+        display: string;
+        flexDirection: string;
+    };
+};
+export declare const questionnaireInnerWrapper: {
+    animation: string;
+    display: string;
+    flexDirection: string;
+    overflow: string;
+    height: string;
+    alignItems: string;
+    width: string;
+};
+export declare const viewWrapper: {
+    display: string;
+    flexDirection: string;
+    position: string;
+    flexGrow: number;
+    width: string;
+    maxWidth: string;
+};
+export declare const navigationWrapper: {
+    variants: {
+        fixed: {
+            true: {};
+        };
+        position: {
+            top: {};
+            bottom: {};
+        };
+    };
+    compoundVariants: ({
+        fixed: boolean;
+        position: string;
+        css: {
+            left: number;
+            position: string;
+            right: number;
+            bottom: number;
+            top?: undefined;
+        };
+    } | {
+        fixed: boolean;
+        position: string;
+        css: {
+            left: number;
+            position: string;
+            right: number;
+            top: number;
+            bottom?: undefined;
+        };
+    })[];
+};
+export declare const viewContent: {
+    flex: number;
+    padding: string;
+};
+export declare const viewElementWrapper: {
+    boxSizing: string;
+    margin: string;
+    variants: {
+        hide: {
+            true: {
+                display: string;
+            };
+        };
+        isText: {
+            true: {};
+        };
+        isComponent: {
+            true: {};
+        };
+        lightBot: {
+            true: {};
+        };
+        currentElement: {
+            true: {};
+        };
+    };
+    compoundVariants: ({
+        isComponent: boolean;
+        lightBot: boolean;
+        currentElement: boolean;
+        css: {
+            visibility: string;
+            animation: string;
+            animationFillMode: string;
+            background?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            borderWidth?: undefined;
+            borderStyle?: undefined;
+            fontSize?: undefined;
+            fontWeight?: undefined;
+            fontFamily?: undefined;
+            lineHeight?: undefined;
+            fontVariant?: undefined;
+            fontStyle?: undefined;
+            padding?: undefined;
+            borderRadius?: undefined;
+            borderTopLeftRadius?: undefined;
+            marginBottom?: undefined;
+        };
+        isText?: undefined;
+    } | {
+        isText: boolean;
+        lightBot: boolean;
+        currentElement: boolean;
+        css: {
+            visibility: string;
+            animation: string;
+            animationFillMode: string;
+            background?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            borderWidth?: undefined;
+            borderStyle?: undefined;
+            fontSize?: undefined;
+            fontWeight?: undefined;
+            fontFamily?: undefined;
+            lineHeight?: undefined;
+            fontVariant?: undefined;
+            fontStyle?: undefined;
+            padding?: undefined;
+            borderRadius?: undefined;
+            borderTopLeftRadius?: undefined;
+            marginBottom?: undefined;
+        };
+        isComponent?: undefined;
+    } | {
+        isText: boolean;
+        lightBot: boolean;
+        css: {
+            background: string;
+            color: string;
+            borderColor: string;
+            borderWidth: string;
+            borderStyle: string;
+            fontSize: string;
+            fontWeight: string;
+            fontFamily: string;
+            lineHeight: string;
+            fontVariant: string;
+            fontStyle: string;
+            padding: string;
+            borderRadius: string;
+            borderTopLeftRadius: string;
+            marginBottom: string;
+            visibility?: undefined;
+            animation?: undefined;
+            animationFillMode?: undefined;
+        };
+        isComponent?: undefined;
+        currentElement?: undefined;
+    })[];
+};
+export declare const textBase: {
+    'h1, h2, h3, h4,  h5, h6': {
+        color: string;
+    };
+    p: {
+        marginBottom: string;
+    };
+    img: {
+        maxWidth: string;
+    };
+    a: {
+        '&&&': {
+            '&:hover': {
+                color: string;
+            };
+            color: string;
+            fontSize: string;
+            fontWeight: string;
+            fontStyle: string;
+            fontVariant: string;
+        };
+    };
+    variants: {
+        lightBot: {
+            true: {
+                'p:last-child': {
+                    marginBottom: number;
+                };
+            };
+        };
+    };
+};
+export declare const textWrapper: {
+    color: string;
+    background: string;
+    borderRadius: string;
+    boxSizing: string;
+    padding: string;
+    variants: {
+        currentElement: {
+            true: {};
+        };
+        lightBot: {
+            true: {};
+        };
+        align: {
+            center: {
+                textAlign: string;
+            };
+            right: {
+                textAlign: string;
+            };
+        };
+    };
+    compoundVariants: {
+        currentElement: boolean;
+        lightBot: boolean;
+        css: {
+            visibility: string;
+            width: number;
+            height: number;
+            animation: string;
+            animationDelay: string;
+            animationFillMode: string;
+        };
+    }[];
+};
+export declare const textLoader: {
+    '&:after': {
+        content: string;
+        animation: string;
+    };
+    padding: string;
+    animation: string;
+    animationDelay: string;
+    animationFillMode: string;
+};
+export declare const errorWrapper: {
+    display: string;
+    alignItems: string;
+    gap: string;
+    color: string;
+    fontSize: string;
+    fontWeight: string;
+    variants: {
+        variant: {
+            group: {
+                background: string;
+                color: string;
+                padding: string;
+                borderRadius: string;
+                fontSize: string;
+                fontWeight: string;
+            };
+        };
+    };
+};
+export declare const errorText: {
+    color: string;
+    p: {
+        marginBottom: string;
+        '&:last-child:first-child': {
+            marginBottom: number;
+        };
+    };
+    variants: {
+        variant: {
+            group: {
+                color: string;
+            };
+        };
+    };
+};
+export declare const errorPage: {
+    h1: {
+        color: string;
+    };
+    padding: string;
+    textAlign: string;
+};
+export declare const questionnaireLabel: {
+    color: string;
+    fontSize: string;
+    fontWeight: string;
+    fontStyle: string;
+    fontVariant: string;
+    alignItems: string;
+    display: string;
+    '&:first-child': {
+        marginTop: number;
+    };
+    cursor: string;
+    marginRight: string;
+    marginTop: string;
+};
+export declare const questionnaireLabelDescription: {
+    color: string;
+    fontSize: string;
+    fontWeight: string;
+    fontStyle: string;
+    fontVariant: string;
+    marginLeft: string;
+};
+export declare const questionnaireError: {
+    '&& > *': {
+        color: string;
+    };
+    color: string;
+    fontSize: string;
+    fontWeight: string;
+    p: {
+        marginBottom: string;
+    };
+};
+export declare const lightBotAnswerBubble: {
+    display: string;
+    justifyContent: string;
+    '> div': {
+        backgroundColor: string;
+        color: string;
+        borderColor: string;
+        borderWidth: string;
+        borderStyle: string;
+        fontSize: string;
+        fontWeight: string;
+        fontFamily: string;
+        lineHeight: string;
+        fontVariant: string;
+        fontStyle: string;
+        padding: string;
+        marginTop: string;
+        borderRadius: string;
+        borderTopRightRadius: string;
+    };
+};
+export declare const lightBotGroupLabel: {
+    color: string;
+    fontWeight: string;
+};
+//# sourceMappingURL=questionnaire.d.ts.map

package/dist/src/components/Embed/styles/questionnaire.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"questionnaire.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Embed/styles/questionnaire.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ;;;CAInB,CAAA;AAEF,eAAO,MAAM,oBAAoB,IAAI,CAAA;AACrC,eAAO,MAAM,eAAe,IAAI,CAAA;AAEhC,eAAO,MAAM,yBAAyB,MAAM,CAAA;AAC5C,eAAO,MAAM,oBAAoB,MAAM,CAAA;AAGvC,eAAO,MAAM,cAAc;;;CAGzB,CAAA;AAEF,eAAO,MAAM,eAAe;;;CAK1B,CAAA;AAEF,eAAO,MAAM,iBAAiB;;;CAwB5B,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;CAqB3B,CAAA;AAEF,eAAO,MAAM,cAAc;;;CAKzB,CAAA;AAGF,eAAO,MAAM,eAAe;;;CAS1B,CAAA;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;CAQhC,CAAA;AAED,eAAO,MAAM,yBAAyB;;;;;;;;CAQrC,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B7B,CAAA;AAED,eAAO,MAAM,WAAW;;;CAGvB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqD9B,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBpB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BvB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;CAmBxB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAOrB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;CAIrB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;CAS9B,CAAA;AAED,eAAO,MAAM,6BAA6B;;;;;;;CAOzC,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;CAM9B,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;CAoBhC,CAAA;AAED,eAAO,MAAM,kBAAkB;;;CAG9B,CAAA"}

package/dist/src/components/Embed/types/index.d.ts

@@ -0,0 +1,13 @@
+import { EmbedState } from 'components/EmbedContext';
+import { QuestionnaireState } from '../EmbedQuestionnaire';
+import { Route } from 'navigation/types';
+export interface EmbedStorage {
+    questionnaire: QuestionnaireState;
+    embedState: EmbedState;
+    route: Route;
+    ui: {
+        openState?: 'minimized' | 'full' | 'open';
+        promoBubbleHidden?: boolean;
+    };
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/Embed/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Embed/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAA;AAEtC,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE,kBAAkB,CAAA;IACjC,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,KAAK,CAAA;IACZ,EAAE,EAAE;QACF,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;QACzC,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAC5B,CAAA;CACF"}