@mantine-vue/whatsapp-inbox 3.6.0 → 3.7.0

package/esm/index.mjs

@@ -7675,6 +7675,7 @@ var WhatsAppComposer = factory(/* @__PURE__ */ defineComponent({
 		const showAttachments = computed(() => props.withAttachments ?? capabilities.value.canSendMedia);
 		const showTemplates = computed(() => props.withTemplates ?? capabilities.value.canSendTemplates);
 		const useCustomPicker = computed(() => Boolean(slots.emojiPicker));
+		const useCustomTemplateSelector = computed(() => Boolean(slots.templateSelector));
 		const useBuiltInPicker = computed(() => !useCustomPicker.value && props.withEmojiPicker !== false);
 		const showEmoji = computed(() => (props.withEmoji ?? capabilities.value.canUseEmoji) && (useCustomPicker.value || useBuiltInPicker.value));
 		const showInteractive = computed(() => props.withInteractive ?? (capabilities.value.canSendInteractive && capabilities.value.interactiveTypes.length > 0));
@@ -8089,7 +8090,16 @@ var WhatsAppComposer = factory(/* @__PURE__ */ defineComponent({
 						}, 16, ["data-exceeded"])]),
 						_: 1
 					}, 16)) : createCommentVNode("", true),
-					createVNode(unref(Modal), mergeProps(unref(props).templateModalProps, {
+					useCustomTemplateSelector.value ? renderSlot(_ctx.$slots, "templateSelector", {
+						key: 5,
+						opened: Boolean(unref(templatesOpened)),
+						close: () => unref(setTemplatesOpened)(false),
+						submit: submitTemplate,
+						templates: unref(props).templates ?? [],
+						loading: Boolean(unref(props).templatesLoading),
+						error: unref(props).templatesError,
+						retryLoad: () => emit("templatesRetryLoad")
+					}) : (openBlock(), createBlock(unref(Modal), mergeProps({ key: 6 }, unref(props).templateModalProps, {
 						opened: unref(templatesOpened),
 						title: unref(config).labels.templateSelectorTitle,
 						size: "lg",
@@ -8119,7 +8129,7 @@ var WhatsAppComposer = factory(/* @__PURE__ */ defineComponent({
 							"unstyled"
 						])]),
 						_: 3
-					}, 16, ["opened", "title"]),
+					}, 16, ["opened", "title"])),
 					createVNode(unref(Modal), mergeProps(unref(props).interactiveModalProps, {
 						opened: unref(interactiveOpened),
 						title: unref(config).labels.interactiveTitle,
@@ -9149,18 +9159,18 @@ var WhatsAppMessage = factory(/* @__PURE__ */ defineComponent({
 	}
 }), { classes: WhatsAppMessage_module_default });
 var WhatsAppMessageList_module_default = {
-	messageListRoot: "_messageListRoot_1efgx_1",
-	messageListScrollArea: "_messageListScrollArea_1efgx_10",
-	messageListContent: "_messageListContent_1efgx_15",
-	messageListItems: "_messageListItems_1efgx_24",
-	messageListGroup: "_messageListGroup_1efgx_37",
-	messageListGroupItems: "_messageListGroupItems_1efgx_42",
-	messageListItem: "_messageListItem_1efgx_24",
-	messageListDayDivider: "_messageListDayDivider_1efgx_60",
-	messageListDayLabel: "_messageListDayLabel_1efgx_69",
-	messageListLoadOlder: "_messageListLoadOlder_1efgx_78",
-	messageListState: "_messageListState_1efgx_84",
-	messageListScrollToBottom: "_messageListScrollToBottom_1efgx_95"
+	messageListRoot: "_messageListRoot_1xgoq_1",
+	messageListScrollArea: "_messageListScrollArea_1xgoq_10",
+	messageListContent: "_messageListContent_1xgoq_15",
+	messageListItems: "_messageListItems_1xgoq_24",
+	messageListGroup: "_messageListGroup_1xgoq_37",
+	messageListGroupItems: "_messageListGroupItems_1xgoq_42",
+	messageListItem: "_messageListItem_1xgoq_24",
+	messageListDayDivider: "_messageListDayDivider_1xgoq_60",
+	messageListDayLabel: "_messageListDayLabel_1xgoq_69",
+	messageListLoadOlder: "_messageListLoadOlder_1xgoq_78",
+	messageListState: "_messageListState_1xgoq_84",
+	messageListScrollToBottom: "_messageListScrollToBottom_1xgoq_95"
 };
 //#endregion
 //#region src/components/WhatsAppMessageList/WhatsAppMessageList.vue?vue&type=script&setup=true&lang.ts
@@ -9943,6 +9953,11 @@ var WhatsAppConversation = factory(/* @__PURE__ */ defineComponent({
 							name: "templatePreview",
 							fn: withCtx((templateProps) => [renderSlot(_ctx.$slots, "templatePreview", normalizeProps(guardReactiveProps(templateProps)))]),
 							key: "5"
+						} : void 0,
+						unref(slots).templateSelector ? {
+							name: "templateSelector",
+							fn: withCtx((selectorProps) => [renderSlot(_ctx.$slots, "templateSelector", normalizeProps(guardReactiveProps(selectorProps)))]),
+							key: "6"
 						} : void 0
 					]), 1040, [
 						"conversation-id",
@@ -11171,6 +11186,11 @@ var WhatsAppInbox = factory(/* @__PURE__ */ defineComponent({
 								name: "templatePreview",
 								fn: withCtx((templateProps) => [renderSlot(_ctx.$slots, "templatePreview", normalizeProps(guardReactiveProps(templateProps)))]),
 								key: "14"
+							} : void 0,
+							unref(slots).templateSelector ? {
+								name: "templateSelector",
+								fn: withCtx((selectorProps) => [renderSlot(_ctx.$slots, "templateSelector", normalizeProps(guardReactiveProps(selectorProps)))]),
+								key: "15"
 							} : void 0
 						]), 1032, [
 							"conversation",
@@ -11256,9 +11276,9 @@ var WhatsAppInbox = factory(/* @__PURE__ */ defineComponent({
 	}
 }), { classes: WhatsAppInbox_module_default });
 var WhatsAppInboxModal_module_default = {
-	modalRoot: "_modalRoot_1mb1l_1",
-	modalContent: "_modalContent_1mb1l_9",
-	modalBody: "_modalBody_1mb1l_14"
+	modalRoot: "_modalRoot_1xrov_1",
+	modalContent: "_modalContent_1xrov_9",
+	modalBody: "_modalBody_1xrov_14"
 };
 //#endregion
 //#region src/components/WhatsAppInboxModal/WhatsAppInboxModal.vue?vue&type=script&setup=true&lang.ts
@@ -11429,7 +11449,7 @@ var WhatsAppInboxModal = factory(/* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(unref(Modal), mergeProps(unref(props).modalProps, {
 				opened: Boolean(unref(props).opened),
 				title: title.value,
-				size: "lg",
+				size: unref(props).modalProps?.size ?? "lg",
 				class: unref(getStyles)("modalRoot").class,
 				style: unref(getStyles)("modalRoot").style,
 				"class-names": {
@@ -11467,6 +11487,7 @@ var WhatsAppInboxModal = factory(/* @__PURE__ */ defineComponent({
 			}, 16, [
 				"opened",
 				"title",
+				"size",
 				"class",
 				"style",
 				"class-names",