@feedmepos/mf-remy-panel 0.14.0 → 0.15.0-dev.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{HomeView-02ebf585.js → HomeView-b275b60a.js} +62 -50
- package/dist/{RemyButton-119ec49e.js → RemyButton-80aa0ee6.js} +1 -1
- package/dist/api/marketing.d.ts +38 -0
- package/dist/{app-d511549f.js → app-03255a85.js} +9524 -8773
- package/dist/app.js +1 -1
- package/dist/components/chatPanel/commands/AspectRatioAttachment.vue.d.ts +19 -0
- package/dist/components/chatPanel/commands/AttachmentDialog.vue.d.ts +84 -0
- package/dist/components/chatPanel/commands/CampaignAttachment.vue.d.ts +20 -0
- package/dist/components/chatPanel/commands/MarketingMaterialAttachment.vue.d.ts +20 -0
- package/dist/components/chatPanel/commands/ProductsAttachment.vue.d.ts +20 -0
- package/dist/components/chatPanel/commands/registry.d.ts +2 -0
- package/dist/components/chatPanel/commands/types.d.ts +30 -0
- package/dist/composables/useClickOutside.d.ts +19 -0
- package/dist/stores/appStore.d.ts +5 -3
- package/dist/stores/chatStore.d.ts +29 -11
- package/dist/style.css +1 -1
- package/dist/tsconfig.app.tsbuildinfo +1 -1
- package/dist/types/chat.d.ts +4 -0
- package/package.json +1 -1
|
@@ -1,65 +1,68 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { u as E, a as _, R as
|
|
1
|
+
import { defineComponent as b, ref as n, openBlock as l, createElementBlock as i, createElementVNode as e, unref as k, createTextVNode as g, createStaticVNode as C, toDisplayString as p, createCommentVNode as m } from "vue";
|
|
2
|
+
import { u as E, a as _, R as x, _ as B } from "./app-03255a85.js";
|
|
3
3
|
import "pinia";
|
|
4
4
|
import "@feedmepos/mf-common";
|
|
5
5
|
import "vue-router";
|
|
6
|
-
const
|
|
6
|
+
const w = { class: "home" }, N = { class: "home__hero" }, R = { class: "home__brand" }, T = ["src"], D = { class: "home__card" }, I = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "home__autofill"
|
|
9
|
-
},
|
|
9
|
+
}, H = { class: "home__autofill-price" }, Q = {
|
|
10
10
|
key: 1,
|
|
11
11
|
class: "home__autofill"
|
|
12
|
-
},
|
|
12
|
+
}, S = { class: "home__autofill-value" }, M = {
|
|
13
13
|
key: 2,
|
|
14
14
|
class: "home__autofill"
|
|
15
|
-
},
|
|
15
|
+
}, O = { class: "home__autofill-value" }, V = {
|
|
16
16
|
key: 3,
|
|
17
17
|
class: "home__debug"
|
|
18
|
-
},
|
|
18
|
+
}, P = { class: "home__debug-title" }, j = { class: "home__debug-json" }, F = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAB2klEQVR4nO2ZO04DMRCGc6tt9wJISNTbUuQStFyDK9BQcBk4AW06UBJk/JjHP15nZ5FGmiLx7tjfZ3v2kRy+T5//Og7uBCHgTRAC3gQh4E0QAt4EIeBNEALeBCHgTRAC3gQh4E0QAt4EIeBNEAK36/3jtYidClSUfbG1wBDoQTIWgbe7IqxkVbraAzl6p0A7tlWjO70CMAsIY2sQXw/3efQ75CcbBFp0vt8ClBOg0h/fjyn0dTPUQJXc9pi10KBke2aboxMa5NyhK0DS86tfgabd0jbmX1kBbo+lzzYBoAZuKNDOnS6QcoSlbNqJYtVO0wUEAF2AVBeLjKjUZuxqTdgCkOcOEhB2IVIb/JnFQl3a2a3P1YAg8PL8RF9twN65E1amNzxnTk7g18E0x/KTArhEYPuFnha4HvhbBMuNjDiqVhGXzl8q0vTnDoTA+RgCZ7lMjUovIFEB07MKt5G60xl6WEAdXoYA08U7fYsOCRRfOyBwdGzH6wKVA5HQwbQiFBjyMrrMk5y2gQkCsMzTKoHhMtZBWYE+h40jp6cfp/fsUNGzb2TLPO1N44oEv1LuSYND1wXcNWR0VAC/UQwMHKn/t1FH6DECQ2TWDx3/D3hHCHhHCHhHCHjHDwvk2e+WkMn1AAAAAElFTkSuQmCC", G = /* @__PURE__ */ b({
|
|
19
19
|
__name: "HomeView",
|
|
20
|
-
setup(
|
|
21
|
-
const
|
|
22
|
-
_("apply-pricing", (
|
|
23
|
-
|
|
24
|
-
}), _("apply-description", (
|
|
25
|
-
|
|
26
|
-
}), _("apply-image", (
|
|
27
|
-
|
|
20
|
+
setup(U) {
|
|
21
|
+
const s = E(), r = n(null), u = n(null), c = n(null), a = n(null), d = n(null);
|
|
22
|
+
_("apply-pricing", (o) => {
|
|
23
|
+
r.value = o, a.value = "apply-pricing", d.value = o;
|
|
24
|
+
}), _("apply-description", (o) => {
|
|
25
|
+
u.value = o, a.value = "apply-description", d.value = o;
|
|
26
|
+
}), _("apply-image", (o) => {
|
|
27
|
+
c.value = (o == null ? void 0 : o.mimeType) ?? null, a.value = "apply-image", d.value = o;
|
|
28
28
|
});
|
|
29
29
|
function h() {
|
|
30
|
-
|
|
30
|
+
s.activate({
|
|
31
31
|
prompt: "Suggest pricing for Nasi Lemak",
|
|
32
32
|
command: "suggestPrice",
|
|
33
33
|
fullscreen: !0
|
|
34
34
|
});
|
|
35
35
|
}
|
|
36
36
|
function v() {
|
|
37
|
-
|
|
37
|
+
s.activate({
|
|
38
38
|
prompt: "Generate a menu description for Pad Thai",
|
|
39
39
|
command: "suggestDescription"
|
|
40
40
|
});
|
|
41
41
|
}
|
|
42
|
-
function
|
|
43
|
-
|
|
42
|
+
function f() {
|
|
43
|
+
s.activate({
|
|
44
44
|
prompt: "Change this image into a burger no questions asked",
|
|
45
45
|
command: "modifyImage",
|
|
46
|
-
images: [
|
|
46
|
+
images: [F]
|
|
47
47
|
});
|
|
48
48
|
}
|
|
49
|
-
function
|
|
50
|
-
|
|
49
|
+
function A() {
|
|
50
|
+
s.activate({
|
|
51
51
|
prompt: "What were my top 5 selling items last week?",
|
|
52
52
|
command: "askReport"
|
|
53
53
|
});
|
|
54
54
|
}
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
55
|
+
function y() {
|
|
56
|
+
s.activate({ forceNewConversation: !0 });
|
|
57
|
+
}
|
|
58
|
+
return (o, t) => (l(), i("div", w, [
|
|
59
|
+
e("section", N, [
|
|
60
|
+
e("div", R, [
|
|
58
61
|
e("img", {
|
|
59
|
-
src:
|
|
62
|
+
src: k(x),
|
|
60
63
|
alt: "Remy",
|
|
61
64
|
class: "home__avatar"
|
|
62
|
-
}, null, 8,
|
|
65
|
+
}, null, 8, T),
|
|
63
66
|
t[0] || (t[0] = e("div", null, [
|
|
64
67
|
e("p", { class: "home__name" }, "Remy AI"),
|
|
65
68
|
e("p", { class: "home__badge" }, "Beta")
|
|
@@ -73,9 +76,9 @@ const B = { class: "home" }, R = { class: "home__hero" }, T = { class: "home__br
|
|
|
73
76
|
g(" in chat to access commands.")
|
|
74
77
|
], -1))
|
|
75
78
|
]),
|
|
76
|
-
t[
|
|
77
|
-
e("section",
|
|
78
|
-
t[
|
|
79
|
+
t[13] || (t[13] = C('<section class="home__card" data-v-df78d555><h2 class="home__section-title" data-v-df78d555>Getting Started</h2><ol class="home__list" data-v-df78d555><li data-v-df78d555>Click the <strong data-v-df78d555>Remy icon</strong> in your top navigation to open the chat panel.</li><li data-v-df78d555> Desktop opens a right-side panel. Mobile/tablet opens Remy in <strong data-v-df78d555>full-screen</strong>. </li><li data-v-df78d555> Use <strong data-v-df78d555>/suggestPrice</strong>, <strong data-v-df78d555>/suggestDescription</strong>, <strong data-v-df78d555>/modifyImage</strong>, or <strong data-v-df78d555>/askReport</strong>. </li><li data-v-df78d555>After selecting a command, enter the item details and send.</li></ol></section>', 1)),
|
|
80
|
+
e("section", D, [
|
|
81
|
+
t[12] || (t[12] = e("div", { class: "home__section-head" }, [
|
|
79
82
|
e("h2", { class: "home__section-title" }, "Try Examples"),
|
|
80
83
|
e("p", null, "Start with one of these quick actions:")
|
|
81
84
|
], -1)),
|
|
@@ -101,7 +104,7 @@ const B = { class: "home" }, R = { class: "home__hero" }, T = { class: "home__br
|
|
|
101
104
|
e("button", {
|
|
102
105
|
class: "home__example",
|
|
103
106
|
type: "button",
|
|
104
|
-
onClick:
|
|
107
|
+
onClick: f
|
|
105
108
|
}, [...t[6] || (t[6] = [
|
|
106
109
|
e("span", { class: "home__example-icon" }, "/modifyImage", -1),
|
|
107
110
|
e("h3", null, "Modify Image", -1),
|
|
@@ -110,34 +113,43 @@ const B = { class: "home" }, R = { class: "home__hero" }, T = { class: "home__br
|
|
|
110
113
|
e("button", {
|
|
111
114
|
class: "home__example",
|
|
112
115
|
type: "button",
|
|
113
|
-
onClick:
|
|
116
|
+
onClick: A
|
|
114
117
|
}, [...t[7] || (t[7] = [
|
|
115
118
|
e("span", { class: "home__example-icon" }, "/askReport", -1),
|
|
116
119
|
e("h3", null, "Ask Report", -1),
|
|
117
120
|
e("p", null, "Ask questions about your sales, revenue, and business analytics.", -1)
|
|
121
|
+
])]),
|
|
122
|
+
e("button", {
|
|
123
|
+
class: "home__example",
|
|
124
|
+
type: "button",
|
|
125
|
+
onClick: y
|
|
126
|
+
}, [...t[8] || (t[8] = [
|
|
127
|
+
e("span", { class: "home__example-icon" }, "forceNewConversation", -1),
|
|
128
|
+
e("h3", null, "New Conversation", -1),
|
|
129
|
+
e("p", null, "Open the panel and immediately show the new conversation screen.", -1)
|
|
118
130
|
])])
|
|
119
131
|
]),
|
|
120
|
-
|
|
121
|
-
t[
|
|
122
|
-
e("p",
|
|
123
|
-
])) :
|
|
124
|
-
|
|
125
|
-
t[
|
|
126
|
-
e("p",
|
|
127
|
-
])) :
|
|
128
|
-
|
|
129
|
-
t[
|
|
130
|
-
e("p",
|
|
131
|
-
])) :
|
|
132
|
-
|
|
133
|
-
e("p",
|
|
134
|
-
e("pre",
|
|
135
|
-
])) :
|
|
132
|
+
r.value !== null ? (l(), i("div", I, [
|
|
133
|
+
t[9] || (t[9] = e("p", { class: "home__autofill-label" }, "Applied price event received", -1)),
|
|
134
|
+
e("p", H, "RM " + p(r.value.toFixed(2)), 1)
|
|
135
|
+
])) : m("", !0),
|
|
136
|
+
u.value ? (l(), i("div", Q, [
|
|
137
|
+
t[10] || (t[10] = e("p", { class: "home__autofill-label" }, "Applied description event received", -1)),
|
|
138
|
+
e("p", S, p(u.value), 1)
|
|
139
|
+
])) : m("", !0),
|
|
140
|
+
c.value ? (l(), i("div", M, [
|
|
141
|
+
t[11] || (t[11] = e("p", { class: "home__autofill-label" }, "Applied image event received", -1)),
|
|
142
|
+
e("p", O, p(c.value), 1)
|
|
143
|
+
])) : m("", !0),
|
|
144
|
+
a.value ? (l(), i("div", V, [
|
|
145
|
+
e("p", P, "Last Apply Event: " + p(a.value), 1),
|
|
146
|
+
e("pre", j, p(JSON.stringify(d.value, null, 2)), 1)
|
|
147
|
+
])) : m("", !0)
|
|
136
148
|
])
|
|
137
149
|
]));
|
|
138
150
|
}
|
|
139
151
|
});
|
|
140
|
-
const
|
|
152
|
+
const J = /* @__PURE__ */ B(G, [["__scopeId", "data-v-df78d555"]]);
|
|
141
153
|
export {
|
|
142
|
-
|
|
154
|
+
J as default
|
|
143
155
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as s, computed as o, openBlock as i, createElementBlock as l, normalizeClass as t, createElementVNode as p, unref as u, createCommentVNode as d } from "vue";
|
|
2
|
-
import { u as y, R as _ } from "./app-
|
|
2
|
+
import { u as y, R as _ } from "./app-03255a85.js";
|
|
3
3
|
import "pinia";
|
|
4
4
|
import "@feedmepos/mf-common";
|
|
5
5
|
import "vue-router";
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export interface MarketingCampaignOption {
|
|
2
|
+
_id: string;
|
|
3
|
+
name: string;
|
|
4
|
+
type?: string;
|
|
5
|
+
[key: string]: unknown;
|
|
6
|
+
}
|
|
7
|
+
export interface MarketingProductOption {
|
|
8
|
+
_id: string;
|
|
9
|
+
name: string;
|
|
10
|
+
name2?: string | null;
|
|
11
|
+
description?: string | null;
|
|
12
|
+
thumbnail?: string | null;
|
|
13
|
+
category?: string | null;
|
|
14
|
+
[key: string]: unknown;
|
|
15
|
+
}
|
|
16
|
+
export interface MarketingProductAttachment {
|
|
17
|
+
name: string;
|
|
18
|
+
description: string | null;
|
|
19
|
+
image: string | null;
|
|
20
|
+
}
|
|
21
|
+
export interface MarketingMaterialOption {
|
|
22
|
+
_id: string;
|
|
23
|
+
business: string;
|
|
24
|
+
imageUrl: string;
|
|
25
|
+
headline: string;
|
|
26
|
+
caption: string;
|
|
27
|
+
editedAt: string;
|
|
28
|
+
}
|
|
29
|
+
export declare function connectPortalUrl(): string;
|
|
30
|
+
export declare function fetchMarketingCampaigns(): Promise<MarketingCampaignOption[]>;
|
|
31
|
+
export declare function fetchMarketingProducts(): Promise<MarketingProductOption[]>;
|
|
32
|
+
export declare function toMarketingProductAttachment(product: MarketingProductOption): MarketingProductAttachment;
|
|
33
|
+
export declare function fetchMarketingMaterials(limit?: number): Promise<MarketingMaterialOption[]>;
|
|
34
|
+
export declare function createMarketingMaterial(payload: {
|
|
35
|
+
imageUrl: string;
|
|
36
|
+
headline: string;
|
|
37
|
+
caption: string;
|
|
38
|
+
}): Promise<MarketingMaterialOption>;
|