@mantine-vue/whatsapp-inbox 3.6.0 → 3.7.0

package/cjs/index.cjs

@@ -7697,6 +7697,7 @@ var WhatsAppComposer_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const showAttachments = (0, vue.computed)(() => props.withAttachments ?? capabilities.value.canSendMedia);
 		const showTemplates = (0, vue.computed)(() => props.withTemplates ?? capabilities.value.canSendTemplates);
 		const useCustomPicker = (0, vue.computed)(() => Boolean(slots.emojiPicker));
+		const useCustomTemplateSelector = (0, vue.computed)(() => Boolean(slots.templateSelector));
 		const useBuiltInPicker = (0, vue.computed)(() => !useCustomPicker.value && props.withEmojiPicker !== false);
 		const showEmoji = (0, vue.computed)(() => (props.withEmoji ?? capabilities.value.canUseEmoji) && (useCustomPicker.value || useBuiltInPicker.value));
 		const showInteractive = (0, vue.computed)(() => props.withInteractive ?? (capabilities.value.canSendInteractive && capabilities.value.interactiveTypes.length > 0));
@@ -8111,7 +8112,16 @@ var WhatsAppComposer_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						}, 16, ["data-exceeded"])]),
 						_: 1
 					}, 16)) : (0, vue.createCommentVNode)("", true),
-					(0, vue.createVNode)((0, vue.unref)(_mantine_vue_core.Modal), (0, vue.mergeProps)((0, vue.unref)(props).templateModalProps, {
+					useCustomTemplateSelector.value ? (0, vue.renderSlot)(_ctx.$slots, "templateSelector", {
+						key: 5,
+						opened: Boolean((0, vue.unref)(templatesOpened)),
+						close: () => (0, vue.unref)(setTemplatesOpened)(false),
+						submit: submitTemplate,
+						templates: (0, vue.unref)(props).templates ?? [],
+						loading: Boolean((0, vue.unref)(props).templatesLoading),
+						error: (0, vue.unref)(props).templatesError,
+						retryLoad: () => emit("templatesRetryLoad")
+					}) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_mantine_vue_core.Modal), (0, vue.mergeProps)({ key: 6 }, (0, vue.unref)(props).templateModalProps, {
 						opened: (0, vue.unref)(templatesOpened),
 						title: (0, vue.unref)(config).labels.templateSelectorTitle,
 						size: "lg",
@@ -8141,7 +8151,7 @@ var WhatsAppComposer_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"unstyled"
 						])]),
 						_: 3
-					}, 16, ["opened", "title"]),
+					}, 16, ["opened", "title"])),
 					(0, vue.createVNode)((0, vue.unref)(_mantine_vue_core.Modal), (0, vue.mergeProps)((0, vue.unref)(props).interactiveModalProps, {
 						opened: (0, vue.unref)(interactiveOpened),
 						title: (0, vue.unref)(config).labels.interactiveTitle,
@@ -9189,18 +9199,18 @@ var WhatsAppMessage_default = /* @__PURE__ */ (0, vue.defineComponent)({
 //#region src/components/WhatsAppMessage/WhatsAppMessage.ts
 var WhatsAppMessage = (0, _mantine_vue_core.factory)(WhatsAppMessage_default, { 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
@@ -9986,6 +9996,11 @@ var WhatsAppConversation_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							name: "templatePreview",
 							fn: (0, vue.withCtx)((templateProps) => [(0, vue.renderSlot)(_ctx.$slots, "templatePreview", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(templateProps)))]),
 							key: "5"
+						} : void 0,
+						(0, vue.unref)(slots).templateSelector ? {
+							name: "templateSelector",
+							fn: (0, vue.withCtx)((selectorProps) => [(0, vue.renderSlot)(_ctx.$slots, "templateSelector", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(selectorProps)))]),
+							key: "6"
 						} : void 0
 					]), 1040, [
 						"conversation-id",
@@ -11223,6 +11238,11 @@ var WhatsAppInbox_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								name: "templatePreview",
 								fn: (0, vue.withCtx)((templateProps) => [(0, vue.renderSlot)(_ctx.$slots, "templatePreview", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(templateProps)))]),
 								key: "14"
+							} : void 0,
+							(0, vue.unref)(slots).templateSelector ? {
+								name: "templateSelector",
+								fn: (0, vue.withCtx)((selectorProps) => [(0, vue.renderSlot)(_ctx.$slots, "templateSelector", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(selectorProps)))]),
+								key: "15"
 							} : void 0
 						]), 1032, [
 							"conversation",
@@ -11311,9 +11331,9 @@ var WhatsAppInbox_default = /* @__PURE__ */ (0, vue.defineComponent)({
 //#region src/components/WhatsAppInbox/WhatsAppInbox.ts
 var WhatsAppInbox = (0, _mantine_vue_core.factory)(WhatsAppInbox_default, { 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
@@ -11484,7 +11504,7 @@ var WhatsAppInboxModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_mantine_vue_core.Modal), (0, vue.mergeProps)((0, vue.unref)(props).modalProps, {
 				opened: Boolean((0, vue.unref)(props).opened),
 				title: title.value,
-				size: "lg",
+				size: (0, vue.unref)(props).modalProps?.size ?? "lg",
 				class: (0, vue.unref)(getStyles)("modalRoot").class,
 				style: (0, vue.unref)(getStyles)("modalRoot").style,
 				"class-names": {
@@ -11522,6 +11542,7 @@ var WhatsAppInboxModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			}, 16, [
 				"opened",
 				"title",
+				"size",
 				"class",
 				"style",
 				"class-names",