@beterdichtbij/component-library 0.41.3 → 0.42.0

package/dist/components/atoms/BDAlert/BDAlert.vue.d.ts

@@ -22,7 +22,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    variant: import('../../../types/BootstrapVariants').bootstrapVariants | undefined;
     title: string | undefined;
+    variant: import('../../../types/BootstrapVariants').bootstrapVariants | undefined;
 }, {}>;
 export default _sfc_main;

package/dist/components/atoms/BDArticle/BDArticle.vue.d.ts

@@ -52,9 +52,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
-    text: string | undefined;
     title: string | undefined;
-    hideFooter: boolean | undefined;
+    text: string | undefined;
     hideBody: boolean | undefined;
+    hideFooter: boolean | undefined;
 }, {}>;
 export default _sfc_main;

package/dist/components/atoms/BDButton/BDButton.vue.d.ts

@@ -76,8 +76,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
-    size: import('../../../types/BootstrapSizes').bootstrapSizes | undefined;
     variant: import('../../../types/ButtonColorVariants').btnColorVariants | undefined;
+    size: import('../../../types/BootstrapSizes').bootstrapSizes | undefined;
     blockElement: boolean | undefined;
     disabled: boolean | undefined;
 }, {}>;

package/dist/components/atoms/BDCard/BDCard.vue.d.ts

@@ -82,13 +82,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    class: string | undefined;
     title: string | undefined;
+    id: number | undefined;
+    class: string | undefined;
     noHeader: boolean | undefined;
     noBody: boolean | undefined;
     headerClass: string | undefined;
     bodyClass: string | undefined;
-    id: number | undefined;
     headerVariant: string | undefined;
 }, {}>;
 export default _sfc_main;

package/dist/components/atoms/BDCollapsableCard/BDCollapsableCard.vue.d.ts

@@ -42,8 +42,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    disabled: boolean;
     title: string;
+    disabled: boolean;
     showOn: import('../../../types/BootstrapSizes').bootstrapSizes;
     visible: boolean;
 }, {}>;

package/dist/components/atoms/BDForm/BDForm.vue.d.ts

@@ -1,5 +1,5 @@
-declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "reset")[], "submit" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
-    onSubmit?: ((...args: any[]) => any) | undefined;
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "submit")[], "reset" | "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
     onReset?: ((...args: any[]) => any) | undefined;
+    onSubmit?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _sfc_main;

package/dist/components/atoms/BDFormCheckbox/BDFormCheckbox.vue.d.ts

@@ -20,7 +20,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
         default: undefined;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "input")[], "update:modelValue" | "change" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "update:modelValue")[], "change" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: __PropType<string | boolean | string[]>;
         required: true;
@@ -42,13 +42,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: undefined;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string | boolean | string[];
-    state: import("../../../types/ValidationState").ValidationStateType;
     value: string | boolean;
+    modelValue: string | boolean | string[];
     uncheckedValue: string | boolean;
+    state: import("../../../types/ValidationState").ValidationStateType;
 }, {}>;
 export default _sfc_main;

package/dist/components/atoms/BDFormInput/BDFormInput.vue.d.ts

@@ -90,7 +90,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
         default: undefined;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:modelValue" | "blur" | "enter")[], "click" | "update:modelValue" | "blur" | "enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "blur" | "update:modelValue" | "enter")[], "click" | "blur" | "update:modelValue" | "enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: __PropType<string | undefined>;
         required: false;
@@ -182,28 +182,28 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: undefined;
     };
 }>> & {
+    onBlur?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
     onEnter?: ((...args: any[]) => any) | undefined;
 }, {
+    label: string | undefined;
+    mask: string;
     type: string;
     size: import('../../../types/BootstrapSizes').bootstrapSizes | undefined;
     disabled: boolean | null | undefined;
+    autofocus: boolean | null | undefined;
     modelValue: string | undefined;
+    state: boolean | null | undefined;
     formGroupClass: string | undefined;
-    label: string | undefined;
     labelClass: string | undefined;
     formFieldClass: string | undefined;
     inputClass: string | undefined;
     placeholder: string | undefined;
-    state: boolean | null | undefined;
     readonly: boolean | null | undefined;
-    autofocus: boolean | null | undefined;
     tabindex: number | null | undefined;
     invalidFeedbackClass: string | undefined;
     invalidFeedbackText: string | undefined;
     delayTimeMs: number | undefined;
-    mask: string;
 }, {}>;
 export default _sfc_main;

package/dist/components/atoms/BDFormSelect/BDFormSelect.vue.d.ts

@@ -29,7 +29,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: null;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "input")[], "update:modelValue" | "change" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "update:modelValue")[], "change" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: __PropType<import('../../../types/BootstrapSizes').bootstrapSizes | undefined>;
         required: false;
@@ -60,14 +60,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: null;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     size: import('../../../types/BootstrapSizes').bootstrapSizes | undefined;
-    modelValue: string | number;
-    state: import("../../../types/ValidationState").ValidationStateType | undefined;
     autofocus: boolean | undefined;
     options: import("../../../types/BDOption").BDOption[] | import("../../../types/BDOptionGroup").BDOptionGroup[] | undefined;
+    modelValue: string | number;
+    state: import("../../../types/ValidationState").ValidationStateType | undefined;
 }, {}>;
 export default _sfc_main;

package/dist/components/atoms/BDLink/BDLink.vue.d.ts

@@ -42,9 +42,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
+    text: string | undefined;
     to: string | object;
     target: string | undefined;
-    text: string | undefined;
     rel: string | undefined;
 }, {}>;
 export default _sfc_main;

package/dist/components/atoms/BDProfileImage/BDProfileImage.vue.d.ts

@@ -44,9 +44,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
+    size: import('../../../types/BootstrapSizes').bootstrapSizes | undefined;
     src: string;
     username: string | null;
-    size: import('../../../types/BootstrapSizes').bootstrapSizes | undefined;
     linkText: string | null;
 }, {}>;
 export default _sfc_main;

package/dist/components/atoms/BDToast/BDToast.vue.d.ts

@@ -40,8 +40,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    variant: import('../../../types/ToastVariants').toastVariants | undefined;
-    text: string | undefined;
     title: string | undefined;
+    text: string | undefined;
+    variant: import('../../../types/ToastVariants').toastVariants | undefined;
 }, {}>;
 export default _sfc_main;

package/dist/components/atoms/BDUserInformation/BDUserInformation.vue.d.ts

@@ -0,0 +1,14 @@
+export default _sfc_main;
+declare namespace _sfc_main {
+    const name: string;
+    namespace props {
+        namespace value {
+            const type: ObjectConstructor;
+        }
+        namespace showProfilePicture {
+            const type_1: BooleanConstructor;
+            export { type_1 as type };
+        }
+    }
+    function render(): any;
+}

package/dist/components/atoms/BDUserInformation/BDUserInformation.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BDUserInformation.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDUserInformation/BDUserInformation.vue"],"names":[],"mappings":"AAIA,QAAA,MAAM,SAAS;;;;;;;;;;;CA8Cd,CAAC;AAKF,eAAe,SAAS,CAAA"}

package/dist/components/molecules/BDChatCloud/BDChatCloud.vue.d.ts

@@ -75,12 +75,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
     "onShow-attachment"?: ((...args: any[]) => any) | undefined;
     onAction?: ((...args: any[]) => any) | undefined;
 }, {
-    headerTitle: string;
+    message: string;
     src: string | undefined;
     username: string | null;
-    message: string;
-    isSender: boolean;
     files: import("../../../types/ApiAttachment").ApiAttachment[] | undefined;
+    headerTitle: string;
+    isSender: boolean;
     pills: Object[] | undefined;
 }, {}>;
 export default _sfc_main;

package/dist/components/molecules/BDDropdownItem/BDDropdownItem.vue.d.ts

@@ -44,9 +44,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
+    text: string | undefined;
     to: string | object;
     target: string | undefined;
-    text: string | undefined;
     rel: string | undefined;
 }, {}>;
 export default _sfc_main;

package/dist/components/molecules/BDDropzone/BDDropzone.vue.d.ts

@@ -37,7 +37,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
     tag: {
-        type: __PropType<"form" | "div" | undefined>;
+        type: __PropType<"div" | "form" | undefined>;
         required: false;
         default: string;
     };
@@ -83,7 +83,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
     tag: {
-        type: __PropType<"form" | "div" | undefined>;
+        type: __PropType<"div" | "form" | undefined>;
         required: false;
         default: string;
     };
@@ -102,7 +102,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     fileSizeExceededMessage: string | undefined;
     acceptedFiles: string;
     url: string;
-    tag: "form" | "div" | undefined;
+    tag: "div" | "form" | undefined;
     token: string;
 }, {}>;
 export default _sfc_main;

package/dist/components/molecules/BDImageAttachmentPreviewList/BDImageAttachmentPreviewList.vue.d.ts

@@ -21,7 +21,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "show")[], "delete" | "show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show" | "delete")[], "show" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fastDownload: {
         type: __PropType<boolean>;
         required: true;

package/dist/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue.d.ts

@@ -34,7 +34,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("action" | "update:modelValue" | "upload")[], "action" | "update:modelValue" | "upload", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "action" | "upload")[], "update:modelValue" | "action" | "upload", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     placeholder: {
         type: __PropType<string | undefined>;
         required: false;
@@ -70,15 +70,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }>> & {
-    onAction?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onAction?: ((...args: any[]) => any) | undefined;
     onUpload?: ((...args: any[]) => any) | undefined;
 }, {
-    files: import("../../../types/ApiAttachment").ApiAttachment[] | undefined;
-    pills: Object[] | undefined;
     variant: import('../../../types/tiptapVariants').TiptapVariants;
-    placeholder: string | undefined;
     state: boolean | null | undefined;
+    placeholder: string | undefined;
+    files: import("../../../types/ApiAttachment").ApiAttachment[] | undefined;
+    pills: Object[] | undefined;
     errorText: string | undefined;
 }, {}>;
 export default _sfc_main;

package/dist/components/molecules/BDMobileMenu/BDMobileMenu.vue.d.ts

@@ -10,7 +10,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<BDLinkProps[]>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("signout" | "hide")[], "signout" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "signout")[], "hide" | "signout", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     active: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -21,8 +21,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }>> & {
-    onSignout?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
+    onSignout?: ((...args: any[]) => any) | undefined;
 }, {
     active: boolean | undefined;
 }, {}>;

package/dist/components/molecules/BDTable/BDTable.vue.d.ts

@@ -1,25 +1,25 @@
 declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    sortDesc?: any;
     fields?: any;
     items?: any;
     sortBy?: any;
-    sortDesc?: any;
     tbodyTrClass?: any;
     emptyText?: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("row-click" | "sort-changed")[], "row-click" | "sort-changed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    sortDesc?: any;
     fields?: any;
     items?: any;
     sortBy?: any;
-    sortDesc?: any;
     tbodyTrClass?: any;
     emptyText?: any;
 }>>> & {
     "onRow-click"?: ((...args: any[]) => any) | undefined;
     "onSort-changed"?: ((...args: any[]) => any) | undefined;
 }, {
+    readonly sortDesc?: any;
     readonly fields?: any;
     readonly items?: any;
     readonly sortBy?: any;
-    readonly sortDesc?: any;
     readonly tbodyTrClass?: any;
     readonly emptyText?: any;
 }, {}>;

package/dist/components/molecules/BDUser/BDUser.vue.d.ts

@@ -42,9 +42,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    name: string;
-    img: import("../../../interfaces/BDImageProps").BDImageProps;
     details: string | string[];
+    img: import("../../../interfaces/BDImageProps").BDImageProps;
+    name: string;
     hideImage: boolean;
 }, {}>;
 export default _sfc_main;

package/dist/components/molecules/BDVideoCallToast/BDVideoCallToast.vue.d.ts

@@ -0,0 +1,65 @@
+import type { PropType as __PropType } from 'vue';
+import BDVideoCallToastLocalization from '../../../interfaces/BDVideoCallToastLocalization';
+declare const _sfc_main: import("vue").DefineComponent<{
+    id: {
+        type: __PropType<string | null | undefined>;
+        required: false;
+    };
+    contactInfoReceiver: {
+        type: __PropType<any>;
+        required: false;
+    };
+    isSender: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    firstNameSender: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    canceled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    localization: {
+        type: __PropType<BDVideoCallToastLocalization>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reject-video-call" | "accept-video-call")[], "reject-video-call" | "accept-video-call", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: __PropType<string | null | undefined>;
+        required: false;
+    };
+    contactInfoReceiver: {
+        type: __PropType<any>;
+        required: false;
+    };
+    isSender: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    firstNameSender: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    canceled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    localization: {
+        type: __PropType<BDVideoCallToastLocalization>;
+        required: true;
+    };
+}>> & {
+    "onReject-video-call"?: ((...args: any[]) => any) | undefined;
+    "onAccept-video-call"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _sfc_main;

package/dist/components/molecules/BDVideoCallToast/BDVideoCallToast.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BDVideoCallToast.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDVideoCallToast/BDVideoCallToast.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,uHAAuH,CAAC;AAC9I,cAAc,uHAAuH,CAAC;AACtI,eAAe,SAAS,CAAC"}

package/dist/components/organisms/BDDropdown/BDDropdown.vue.d.ts

@@ -90,9 +90,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: undefined;
     };
 }>>, {
-    size: import('../../../types/BootstrapSizes').bootstrapSizes | undefined;
-    variant: import('../../../types/BootstrapVariants').bootstrapVariants | undefined;
     text: string | undefined;
+    variant: import('../../../types/BootstrapVariants').bootstrapVariants | undefined;
+    size: import('../../../types/BootstrapSizes').bootstrapSizes | undefined;
     right: boolean | undefined;
     noFlip: boolean | undefined;
     toggleTag: string;

package/dist/components/organisms/BDModal/BDModal.vue.d.ts

@@ -50,7 +50,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "cancel")[], "submit" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "submit")[], "cancel" | "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: __PropType<string | undefined>;
         required: false;
@@ -105,14 +105,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onSubmit?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
 }, {
-    size: string;
     title: string | undefined;
+    size: string;
+    hideFooter: boolean;
     titleImage: string | undefined;
     submitButtonTitle: string | undefined;
     closeButtonTitle: string | undefined;
     hideFooterCancelButton: boolean;
     hideFooterSubmitButton: boolean;
-    hideFooter: boolean;
     hideCloseButton: boolean;
     disableSubmitButton: boolean;
 }, {}>;

package/dist/interfaces/BDVideoCallToastLocalization.d.ts

@@ -0,0 +1,15 @@
+export default interface BDVideoCallToastLocalization {
+    incomingVideoCall: string;
+    rejectVideoCall: string;
+    acceptVideoCall: string;
+    videoCallRejected: string;
+    videoCallAccepted: string;
+    videoCallCanceled: string;
+    notifyCallerWhenCanceled: string;
+    notifyCallerWhenRejected: string;
+    notifyReceiverWhenRejected: {
+        start: string;
+        end: string;
+    };
+    openNewTabWhenAccepted: string;
+}

package/dist/scss/_button.scss

@@ -13,6 +13,7 @@ $btn-variants:
     "secondary" $font-color-primary $white $font-color-primary $gray-7 $gray 1px solid $gray,
     "danger" $white $red-text $white $red-dark none,
     "colleague" $white $green-text $white $green-dark none,
+    "success" $white $green $white $green-text none,
     "outline-primary" $font-color-primary $white $white $font-color-primary $gray-primary 1px solid $gray-primary,
     "outline-primary-dark" $font-color-primary transparent $white $font-color-primary $gray-primary 1px solid $gray-primary,
     "outline-tertiary" $black $white $black $gray-7 $gray-primary 1px solid $gray-primary,

package/dist/scss/_user-information.scss

@@ -0,0 +1,27 @@
+.bd-user-information {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+
+    &__profile-picture {
+        width: 48px;
+        height: 48px;
+        border: 1px solid rgba($color-black, 0.1);
+        border-radius: 50%;
+        object-fit: cover;
+        object-position: center;
+    }
+
+    &__header {
+        display: flex;
+        gap: 8px;
+    }
+
+    .bd-conversation-card & {
+        flex: 1;
+    }
+
+    .bd-conversation-card-patient & {
+        flex: none;
+    }
+}

package/dist/scss/_video-call-toast.scss

@@ -0,0 +1,101 @@
+.bd-video-call-toast {
+	position: fixed;
+	top: 8px;
+	right: 8px;
+	z-index: 1005;
+	padding: 20px;
+	background-color: $color-darkblue;
+	color: $color-white;
+	min-height: 108px;
+	border-radius: 8px;
+	border: none;
+	box-shadow: 0 16px 24px -5px rgba($color-black, 0.25);
+
+	.toast-body {
+		padding: 20px;
+
+		&__title {
+			margin-bottom: 12px;
+			color: rgba($color-white, 0.8);
+		}
+
+		&__main {
+			.bd-user-information {
+				h4 {
+					color: $color-white;
+				}
+
+				small {
+					color: rgba($color-white, 0.8);
+				}
+			}
+
+			.actions {
+				display: flex;
+				gap: 12px;
+				margin-top: 12px;
+
+				button {
+					flex: 1;
+
+					svg {
+						margin: 0 10px 0 0;
+					}
+				}
+			}
+
+			&.is-handled {
+				display: flex;
+				align-items: center;
+				gap: 16px;
+
+				.icon-wrapper {
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					flex-shrink: 0;
+					width: 48px;
+					height: 48px;
+					background-color: $color-stroke-gray;
+					border-radius: 50%;
+
+					svg {
+						width: 24px;
+						height: 24px;
+						transform: rotate(135deg);
+						left: 1px;
+					}
+				}
+
+				p {
+					margin-bottom: 0;
+
+					&.title {
+						font-weight: $font-medium;
+					}
+
+					&:last-of-type {
+						color: rgba($color-white, 0.8);
+						margin-top: 4px;
+					}
+				}
+
+				&--success {
+					.icon-wrapper {
+						background-color: $green;
+
+						svg {
+							transform: scaleX(-1);
+						}
+					}
+				}
+
+				&--canceled {
+					.icon-wrapper {
+						background-color: $color-red;
+					}
+				}
+			}
+		}
+	}
+}