@feedmepos/mf-connect 0.1.98-beta.3 → 0.1.98-beta.4

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.
Files changed (102) hide show
  1. package/dist/{App-DEtGn29M.js → App-BGv_JihW.js} +7 -7
  2. package/dist/{AuditLogs-Mrm0iq9P.js → AuditLogs-53rnjCmD.js} +9 -9
  3. package/dist/{Bin-D9Pu0L6h.js → Bin-B0Q_WpuY.js} +8 -8
  4. package/dist/{Broadcast-BZDQtN8x.js → Broadcast-PiJE1Syl.js} +9 -9
  5. package/dist/{CampaignTypeDialog.vue_vue_type_script_setup_true_lang-Bxlbz-JW.js → CampaignTypeDialog.vue_vue_type_script_setup_true_lang-Dz2KsBZl.js} +5 -5
  6. package/dist/{Card-BdMSuxr4.js → Card-DlqMu3Sl.js} +18 -18
  7. package/dist/{Collections-D2IOFKrJ.js → Collections-BWcBlDDR.js} +7 -7
  8. package/dist/{Credit-BWyLeJpj.js → Credit-CMfcuj5n.js} +9 -9
  9. package/dist/{EditCampaignSheet.vue_vue_type_script_setup_true_lang-jmfMQG79.js → EditCampaignSheet.vue_vue_type_script_setup_true_lang-DCvH0lGA.js} +30 -30
  10. package/dist/{EffectSheet.vue_vue_type_style_index_0_lang-BYQDCpXN.js → EffectSheet.vue_vue_type_style_index_0_lang-B_FyeWq4.js} +6 -6
  11. package/dist/{Experience-Dm5TDsKH.js → Experience-DacFmPYy.js} +9 -9
  12. package/dist/{FileSaver.min-G6JMp965.js → FileSaver.min-CMZKiGkX.js} +1 -1
  13. package/dist/{Game-BB81nS7Y.js → Game-DXKnGuhR.js} +10 -10
  14. package/dist/{Grab-BXfBhrCM.js → Grab-DaBL5y3H.js} +8 -8
  15. package/dist/{ImageInput.vue_vue_type_script_setup_true_lang-C7EIMTui.js → ImageInput.vue_vue_type_script_setup_true_lang-BaY_nQio.js} +1 -1
  16. package/dist/{Index-DfPPobH8.js → Index-2UrjF35w.js} +10 -10
  17. package/dist/{LocationPicker.vue_vue_type_script_setup_true_lang-Cpx1HMpd.js → LocationPicker.vue_vue_type_script_setup_true_lang-BuVBZsCN.js} +1 -1
  18. package/dist/{LottieAnimation.vue_vue_type_script_setup_true_lang-Csse-q2U.js → LottieAnimation.vue_vue_type_script_setup_true_lang-6wUxYqWe.js} +1 -1
  19. package/dist/{LoyaltyDashboard-BWC3rDDk.js → LoyaltyDashboard-DIArPp71.js} +4 -4
  20. package/dist/{MainLayout-DxAYEJg1.js → MainLayout-BjvTxTPG.js} +1 -1
  21. package/dist/{Marketing-CPQQG8Y9.js → Marketing-DEp--hFd.js} +4 -4
  22. package/dist/{MarketingMaterialEdit-ssilnzNw.js → MarketingMaterialEdit-BHL8Ptsu.js} +6 -6
  23. package/dist/{Member-DmoUk3Dx.js → Member-BU1YxoEV.js} +11 -11
  24. package/dist/{MemberList-Cm2BWPrW.js → MemberList-zjvJBYf0.js} +25 -25
  25. package/dist/{MemberTransactions-Cxr87RMl.js → MemberTransactions-BvyLV69V.js} +1 -1
  26. package/dist/{MessageInput.vue_vue_type_script_setup_true_lang-DpUg4Uwi.js → MessageInput.vue_vue_type_script_setup_true_lang-_YOM1SlS.js} +9 -9
  27. package/dist/{Mission-ChWPNxbI.js → Mission-BNYk_aPM.js} +10 -10
  28. package/dist/{Overview-CfigslHq.js → Overview-BToUlbsH.js} +18 -18
  29. package/dist/{Point-Ko81Ny1q.js → Point-B-L2326L.js} +9 -9
  30. package/dist/{Promotion-CfyscRNN.js → Promotion-sMKGkL4w.js} +10 -10
  31. package/dist/{Queue-B7kxDPZV.js → Queue-D3vUkKN9.js} +10 -10
  32. package/dist/{Record-BGULqygn.js → Record-BViEbZZ8.js} +9 -9
  33. package/dist/Review-CMBAk-Qu.js +1067 -0
  34. package/dist/{ReviewFacebookCallback-DKmL0TYZ.js → ReviewFacebookCallback-BCJTFy3b.js} +4 -4
  35. package/dist/{ReviewGoogleCallback-C6iFFEfS.js → ReviewGoogleCallback-DKUG075r.js} +4 -4
  36. package/dist/{Reward-C0w5c1Th.js → Reward-CZsvsYW_.js} +16 -16
  37. package/dist/{RewardGroup.vue_vue_type_script_setup_true_lang-CspVlyRZ.js → RewardGroup.vue_vue_type_script_setup_true_lang-BASPLoRa.js} +11 -11
  38. package/dist/{RuleGroup.vue_vue_type_script_setup_true_lang-QYsK7vE4.js → RuleGroup.vue_vue_type_script_setup_true_lang-B90meAnV.js} +13 -13
  39. package/dist/{Segment-I_p06AoA.js → Segment-CN8NEg8w.js} +23 -23
  40. package/dist/{SelectItems.vue_vue_type_script_setup_true_lang-DV79EJm9.js → SelectItems.vue_vue_type_script_setup_true_lang-BGyYQST4.js} +2 -2
  41. package/dist/{SendCollectionSheet.vue_vue_type_script_setup_true_lang-CUwwzTTV.js → SendCollectionSheet.vue_vue_type_script_setup_true_lang-BxW-Kc6t.js} +12 -12
  42. package/dist/{SendVoucherSheet.vue_vue_type_script_setup_true_lang-D2Nv32U5.js → SendVoucherSheet.vue_vue_type_script_setup_true_lang-C9dwcEr5.js} +4 -4
  43. package/dist/{Setting-DOMSAMUz.js → Setting-DLPbZW11.js} +14 -14
  44. package/dist/{SettingAdvertisements-IeGC6PHz.js → SettingAdvertisements-BIq8gS5g.js} +12 -12
  45. package/dist/{Store-DLzj0qGi.js → Store-DNB3gUIR.js} +21 -21
  46. package/dist/{StoreRewards-BPhAkGNl.js → StoreRewards-BoEjVFk6.js} +15 -15
  47. package/dist/{StoreTransactions.vue_vue_type_script_setup_true_lang-DpcaOgdN.js → StoreTransactions.vue_vue_type_script_setup_true_lang-Bv9ABH1K.js} +21 -21
  48. package/dist/{TargetLocationInput.vue_vue_type_script_setup_true_lang-DUdAxdEO.js → TargetLocationInput.vue_vue_type_script_setup_true_lang-DNHgSfIg.js} +2 -2
  49. package/dist/{Tier-7MveQA4f.js → Tier-kQ6X9h-t.js} +22 -22
  50. package/dist/{Title-kyAzLGqm.js → Title-XosVAF2Y.js} +19 -19
  51. package/dist/{Transaction-Chl3d3Ai.js → Transaction-CO6oLPKR.js} +2 -2
  52. package/dist/{UserRuleGroup.vue_vue_type_script_setup_true_lang-CZsaFtae.js → UserRuleGroup.vue_vue_type_script_setup_true_lang-McMR2Y7Y.js} +6 -6
  53. package/dist/{Voucher-CxIPPul5.js → Voucher-CogaCxx2.js} +13 -13
  54. package/dist/{VoucherEditor.vue_vue_type_script_setup_true_lang-BntA1IAx.js → VoucherEditor.vue_vue_type_script_setup_true_lang-DjHwHFBq.js} +12 -12
  55. package/dist/{ZodTextField.vue_vue_type_script_setup_true_lang-CiOmadge.js → ZodTextField.vue_vue_type_script_setup_true_lang-Dor9klZ8.js} +2 -2
  56. package/dist/{app-5YllsPJi.js → app-C9UPXbDs.js} +106 -51
  57. package/dist/app.js +1 -1
  58. package/dist/{business-C0zArPJj.js → business-CYpW6-Ls.js} +1 -1
  59. package/dist/{campaign-BHl5a5Z1.js → campaign-BtLa7KeF.js} +10 -10
  60. package/dist/{campaign-C_49MeEc.js → campaign-CtoHyXVT.js} +1 -1
  61. package/dist/{campaign.enum-CHWTkc9k.js → campaign.enum-DiLhS5il.js} +1 -1
  62. package/dist/{campaign.fn-BtwnAETQ.js → campaign.fn-CLB9gBHo.js} +31 -31
  63. package/dist/{collectible.enum-BvoISTK3.js → collectible.enum-CmwWcfBh.js} +1 -1
  64. package/dist/{duplicateCampaign-C27ikU2f.js → duplicateCampaign-DGhOBd5l.js} +2 -2
  65. package/dist/{effect-CARgKjhU.js → effect-CY5Y6sxy.js} +1 -1
  66. package/dist/{email-addresses-CnTsfZHe.js → email-addresses-BEnOHWj_.js} +2 -2
  67. package/dist/{export-CO8-3Ob9.js → export-BgYu7SCd.js} +3 -3
  68. package/dist/{helper-C617AZcV.js → helper-DTDgoyEh.js} +1 -1
  69. package/dist/{index-DMvP3cOz.js → index-B4IAURA_.js} +4 -4
  70. package/dist/{index-DNf6qgpV.js → index-BZVhi3ZG.js} +2 -2
  71. package/dist/{index-B2ZvboNZ.js → index-C8ehLvXG.js} +1 -1
  72. package/dist/{index-Da8trM3D.js → index-CDk0Itu1.js} +1 -1
  73. package/dist/{index-CFO8nwbC.js → index-CLZnH782.js} +3 -3
  74. package/dist/{index-gPrU9b68.js → index-CNKP1_IW.js} +3 -3
  75. package/dist/{index-hKv7PcTR.js → index-CP-7qATP.js} +1 -1
  76. package/dist/{index-CMfyVF2h.js → index-Ck3PeOQ5.js} +2 -2
  77. package/dist/{index-B0BE7PIS.js → index-DntoqWT_.js} +1 -1
  78. package/dist/{index-CtXx42Yb.js → index-DtyWsBgg.js} +1 -1
  79. package/dist/{index-CEJgFylS.js → index-P8Qh2yIP.js} +1 -1
  80. package/dist/{index-9AxeGyVh.js → index-goRooQn5.js} +11 -6
  81. package/dist/{index-wL9aIsub.js → index-kS20rM5m.js} +3 -3
  82. package/dist/{index-DIcwj1r2.js → index-zF0gIg9H.js} +1 -1
  83. package/dist/{index.esm2017-BFgbXDc8.js → index.esm2017-C79fd6cz.js} +1 -1
  84. package/dist/{loading-BxpiUNaf.js → loading-Dfr_97Ri.js} +1 -1
  85. package/dist/{lodash-rPOvq9te.js → lodash-BX2mJOxF.js} +1 -1
  86. package/dist/{membership-lfX5TNVQ.js → membership-ncNOUJwj.js} +3 -3
  87. package/dist/{money-CuUoYzPn.js → money-vEtTzt04.js} +1 -1
  88. package/dist/{number-DMk8hvKt.js → number-BjgTlMsp.js} +1 -1
  89. package/dist/{objectid-VPzb0Etb.js → objectid-C9DiLwge.js} +9 -9
  90. package/dist/{plugins-CyYjHO_X.js → plugins-BVGqEmE1.js} +3 -3
  91. package/dist/{reward-BxwaSc-X.js → reward-BGTLhhzT.js} +1 -1
  92. package/dist/{rule-76SluGaP.js → rule-BB2VX3Gy.js} +3 -3
  93. package/dist/{template-ByceGw-A.js → template-DLiHnpjK.js} +6 -6
  94. package/dist/{trigger-CxM5x3Sj.js → trigger-DrKnfSoi.js} +5 -5
  95. package/dist/{useMarketingMaterialActions-CHXVZ61f.js → useMarketingMaterialActions-B6zaDbNE.js} +3 -3
  96. package/dist/{usePagination-BKfoMHBB.js → usePagination-Dgd-onzU.js} +1 -1
  97. package/dist/{user-Cqjv0IpD.js → user-BcDUmNrZ.js} +1 -1
  98. package/dist/{vue-i18n-Q-nKu_E3.js → vue-i18n-DNBGmwox.js} +109 -109
  99. package/dist/{xlsx-D1LobU8O.js → xlsx-BX-U0_Au.js} +1 -1
  100. package/dist/{zod-B5vUvKbD.js → zod-Mx51GBPY.js} +1 -1
  101. package/package.json +1 -1
  102. package/dist/Review-C7Nx6a5t.js +0 -959
@@ -1,959 +0,0 @@
1
- import { defineComponent as M, ref as A, computed as x, resolveComponent as P, openBlock as o, createBlock as p, unref as e, withCtx as N, createVNode as g, normalizeClass as O, createElementVNode as n, toDisplayString as m, createElementBlock as a, Fragment as I, renderList as S, useModel as z, onMounted as H, isRef as Y, createCommentVNode as D, Teleport as ee, withModifiers as te, createTextVNode as q, onUnmounted as oe, normalizeStyle as J, watch as K, useSlots as ne, renderSlot as le, createStaticVNode as se, KeepAlive as ae } from "vue";
2
- import { u as V } from "./vue-i18n-Q-nKu_E3.js";
3
- import { _ as re } from "./DateRangeChip.vue_vue_type_script_setup_true_lang-eIoPtgO5.js";
4
- import { _ as j } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
5
- import { u as X } from "./business-C0zArPJj.js";
6
- import { components as y, useSnackbar as ie } from "@feedmepos/ui-library";
7
- import { h as L } from "./moment-D7p2TMB-.js";
8
- import { r as G } from "./index-CEJgFylS.js";
9
- import { u as ce } from "./loading-BxpiUNaf.js";
10
- const de = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, me = /* @__PURE__ */ M({
11
- __name: "SortChip",
12
- props: {
13
- modelValue: {
14
- type: String,
15
- required: !0
16
- },
17
- items: {
18
- type: Array,
19
- required: !0
20
- },
21
- label: {
22
- type: String,
23
- default: "Sort by: "
24
- },
25
- placement: {
26
- type: String,
27
- default: "bottom-end"
28
- },
29
- class: {
30
- type: String,
31
- default: "text-fm-color-neutral-gray-400 cursor-pointer"
32
- }
33
- },
34
- emits: ["update:model-value"],
35
- setup(t, { emit: l }) {
36
- const i = t, r = l, s = A(!1), d = x(
37
- () => {
38
- var c;
39
- return ((c = i.items.find((w) => w.value === i.modelValue)) == null ? void 0 : c.label) ?? "";
40
- }
41
- );
42
- function u(c) {
43
- r("update:model-value", c), s.value = !1;
44
- }
45
- return (c, w) => {
46
- const h = P("FmIcon"), E = P("FmChip"), U = P("FmMenuItem"), k = P("FmMenu");
47
- return o(), p(k, {
48
- placement: t.placement,
49
- "model-value": e(s),
50
- "close-on-click": !0,
51
- onMenuChanged: w[0] || (w[0] = (f) => s.value = f)
52
- }, {
53
- "menu-button": N(() => [
54
- g(E, {
55
- label: `${t.label}${e(d)}`,
56
- class: O(i.class)
57
- }, {
58
- default: N(() => [
59
- n("div", de, m(t.label) + m(e(d)), 1),
60
- g(h, {
61
- name: e(s) ? "keyboard_arrow_up" : "keyboard_arrow_down",
62
- class: O(i.class),
63
- outline: "",
64
- size: "sm"
65
- }, null, 8, ["name", "class"])
66
- ]),
67
- _: 1
68
- }, 8, ["label", "class"])
69
- ]),
70
- default: N(() => [
71
- (o(!0), a(I, null, S(t.items, (f) => (o(), p(U, {
72
- key: f.value,
73
- value: f.value,
74
- label: f.label,
75
- onClick: (F) => u(f.value)
76
- }, null, 8, ["value", "label", "onClick"]))), 128))
77
- ]),
78
- _: 1
79
- }, 8, ["placement", "model-value"]);
80
- };
81
- }
82
- }), ue = { class: "flex justify-between gap-8" }, ve = { class: "flex flex-wrap gap-8" }, ge = /* @__PURE__ */ M({
83
- __name: "ReviewListingController",
84
- props: {
85
- source: {
86
- required: !0
87
- },
88
- sourceModifiers: {},
89
- dateFrom: { required: !0 },
90
- dateFromModifiers: {},
91
- dateTo: { required: !0 },
92
- dateToModifiers: {},
93
- locationId: { required: !0 },
94
- locationIdModifiers: {},
95
- sort: { required: !0 },
96
- sortModifiers: {}
97
- },
98
- emits: ["update:source", "update:dateFrom", "update:dateTo", "update:locationId", "update:sort"],
99
- setup(t) {
100
- const { t: l } = V(), i = z(t, "source"), r = z(t, "dateFrom"), s = z(t, "dateTo"), d = z(t, "locationId"), u = z(t, "sort"), c = X(), w = x(() => [
101
- { label: "Google", value: "google" },
102
- { label: "Facebook", value: "facebook" },
103
- { label: "FeedMe", value: "feedme" },
104
- { label: "Feedvibe", value: "feedvibe" }
105
- ]), h = x(() => [
106
- ...c.locationOptions.map((C) => ({
107
- label: C.label,
108
- value: C.value
109
- }))
110
- ]), E = x(() => [
111
- {
112
- label: l("connect.review.filter.sort.createTime_desc"),
113
- value: "createTime_desc"
114
- },
115
- {
116
- label: l("connect.review.filter.sort.createTime_asc"),
117
- value: "createTime_asc"
118
- },
119
- { label: l("connect.review.filter.sort.rating_asc"), value: "rating_asc" },
120
- { label: l("connect.review.filter.sort.rating_desc"), value: "rating_desc" }
121
- ]), U = x({
122
- get: () => i.value ?? [],
123
- set: (C) => {
124
- i.value = C.length ? C : null;
125
- }
126
- }), k = x({
127
- get: () => d.value ? [d.value] : [],
128
- set: (C) => {
129
- d.value = C.length === 1 && C[0] ? C[0] : "";
130
- }
131
- }), f = x({
132
- get: () => ({
133
- startDate: r.value ?? void 0,
134
- endDate: s.value ?? void 0
135
- }),
136
- set: (C) => {
137
- r.value = C.startDate ?? null, s.value = C.endDate ?? null;
138
- }
139
- }), F = x(() => c.locations.length > 0);
140
- return H(() => c.readLocations()), (C, R) => (o(), a("div", ue, [
141
- n("div", ve, [
142
- g(j, {
143
- modelValue: e(U),
144
- "onUpdate:modelValue": R[0] || (R[0] = (v) => Y(U) ? U.value = v : null),
145
- label: `${e(l)("connect.review.filter.source")}: `,
146
- "show-item-label": !0,
147
- items: e(w),
148
- searchable: !1,
149
- placement: "bottom-start"
150
- }, null, 8, ["modelValue", "label", "items"]),
151
- e(F) ? (o(), p(j, {
152
- key: 0,
153
- modelValue: e(k),
154
- "onUpdate:modelValue": R[1] || (R[1] = (v) => Y(k) ? k.value = v : null),
155
- label: `${e(l)("connect.review.filter.location")}: `,
156
- "show-item-label": !0,
157
- items: e(h),
158
- placement: "bottom-start"
159
- }, null, 8, ["modelValue", "label", "items"])) : D("", !0),
160
- g(re, {
161
- modelValue: e(f),
162
- "onUpdate:modelValue": R[2] || (R[2] = (v) => Y(f) ? f.value = v : null)
163
- }, null, 8, ["modelValue"])
164
- ]),
165
- g(me, {
166
- modelValue: u.value,
167
- "onUpdate:modelValue": R[3] || (R[3] = (v) => u.value = v),
168
- label: `${e(l)("connect.review.filter.sort.label")}: `,
169
- items: e(E),
170
- placement: "bottom-start"
171
- }, null, 8, ["modelValue", "label", "items"])
172
- ]));
173
- }
174
- }), W = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%231877F2'%3e%3cpath%20d='M24%2012.073c0-6.627-5.373-12-12-12s-12%205.373-12%2012c0%205.99%204.388%2010.954%2010.125%2011.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007%201.792-4.669%204.533-4.669%201.312%200%202.686.235%202.686.235v2.953H15.83c-1.491%200-1.956.925-1.956%201.874v2.25h3.328l-.532%203.47h-2.796v8.385C19.612%2023.027%2024%2018.062%2024%2012.073z'/%3e%3c/svg%3e", fe = { class: "rounded-lg border border-fm-color-neutral-gray-200 bg-white p-16 flex flex-col gap-8" }, we = { class: "flex items-center gap-8" }, ye = ["src"], he = { class: "flex flex-col flex-1 min-w-0" }, be = { class: "fm-typo-en-body-md-600 truncate" }, pe = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, xe = { class: "flex items-center gap-4 shrink-0" }, ke = ["src"], Ce = {
175
- key: 0,
176
- class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400"
177
- }, Ae = {
178
- key: 0,
179
- class: "flex items-center gap-4"
180
- }, Ie = {
181
- key: 1,
182
- class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-700 line-clamp-3"
183
- }, De = {
184
- key: 2,
185
- class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400 italic"
186
- }, Fe = /* @__PURE__ */ M({
187
- __name: "FacebookReviewCard",
188
- props: {
189
- review: {}
190
- },
191
- setup(t) {
192
- const { t: l } = V();
193
- return (i, r) => {
194
- var s, d, u;
195
- return o(), a("div", fe, [
196
- n("div", we, [
197
- (s = t.review.reviewer) != null && s.pictureUrl ? (o(), a("img", {
198
- key: 0,
199
- src: (d = t.review.reviewer) == null ? void 0 : d.pictureUrl,
200
- class: "w-32 h-32 rounded-full shrink-0 object-cover"
201
- }, null, 8, ye)) : (o(), p(e(y).FmIcon, {
202
- key: 1,
203
- name: "person",
204
- class: "text-fm-color-neutral-gray-300 shrink-0"
205
- })),
206
- n("div", he, [
207
- n("span", be, m(((u = t.review.reviewer) == null ? void 0 : u.name) ?? e(l)("connect.review.overview.anonymous")), 1),
208
- n("span", pe, m(e(L)(t.review.createTime).format("D MMM YYYY, hh:mmA")), 1)
209
- ]),
210
- n("div", xe, [
211
- n("img", {
212
- src: e(W),
213
- class: "w-16 h-16"
214
- }, null, 8, ke),
215
- t.review.pageName ? (o(), a("span", Ce, m(t.review.pageName), 1)) : D("", !0)
216
- ])
217
- ]),
218
- t.review.isPositive != null ? (o(), a("div", Ae, [
219
- g(e(y).FmIcon, {
220
- name: t.review.isPositive ? "thumb_up" : "thumb_down",
221
- size: "sm",
222
- class: O(
223
- t.review.isPositive ? "text-fm-color-typo-success" : "text-fm-color-system-error-500"
224
- )
225
- }, null, 8, ["name", "class"]),
226
- n("span", {
227
- class: O([
228
- "fm-typo-en-body-sm-400",
229
- t.review.isPositive ? "text-fm-color-typo-success" : "text-fm-color-system-error-500"
230
- ])
231
- }, m(t.review.isPositive ? e(l)("connect.review.overview.positive") : e(l)("connect.review.overview.negative")), 3)
232
- ])) : D("", !0),
233
- t.review.comment ? (o(), a("p", Ie, m(t.review.comment), 1)) : (o(), a("p", De, m(e(l)("connect.review.overview.noComment")), 1))
234
- ]);
235
- };
236
- }
237
- }), Me = "data:image/svg+xml,%3csvg%20width='388'%20height='388'%20viewBox='0%200%20388%20388'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M239.449%200H148.553C66.5106%200%200.00195312%2066.5086%200.00195312%20148.551V239.447C0.00195312%20321.489%2066.5106%20387.998%20148.553%20387.998H239.449C321.491%20387.998%20388%20321.489%20388%20239.447V148.551C388%2066.5086%20321.491%200%20239.449%200Z'%20fill='url(%23paint0_linear_feedme_logo)'%20/%3e%3cmask%20id='mask0_feedme_logo'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='388'%20height='388'%3e%3cpath%20d='M239.447%200H148.551C66.5086%200%200%2066.5086%200%20148.551V239.447C0%20321.489%2066.5086%20387.998%20148.551%20387.998H239.447C321.49%20387.998%20387.998%20321.489%20387.998%20239.447V148.551C387.998%2066.5086%20321.49%200%20239.447%200Z'%20fill='white'%20/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_feedme_logo)'%3e%3cpath%20d='M82.587%20258.589V258.76C83.2747%20264.893%2084.1917%20271.598%2085.3953%20278.648L101.271%20392.296H127.462V253.946C127.462%20241.395%20137.033%20231.194%20148.839%20231.194H150.329C162.135%20231.194%20171.706%20241.395%20171.706%20253.946V392.296H216.352V253.946C216.352%20241.395%20225.923%20231.194%20237.729%20231.194H239.219C251.025%20231.194%20260.596%20241.395%20260.596%20253.946V392.296H286.959L302.835%20277.788C303.981%20271.025%20304.841%20264.549%20305.471%20258.589V258.187C307.649%20238.759%20307.649%20225.061%20307.649%20225.061C307.649%20182.938%20290.054%20148.264%20252.286%20119.78C241.97%20112.043%20233.029%20100.466%20232.17%2075.7079C232.17%2075.7079%20229.705%2012.9519%20253.719%20-33.7568H134.339C158.353%2012.9519%20155.888%2075.7079%20155.888%2075.7079C155.029%20100.409%20146.088%20111.986%20135.772%20119.78C97.9465%20148.321%2080.4092%20182.938%2080.4092%20225.061C80.4092%20225.061%2080.4092%20238.873%2082.587%20258.474V258.589Z'%20fill='white'%20/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_feedme_logo'%20x1='43.5013'%20y1='344.556'%20x2='344.501'%20y2='43.5567'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF5D53'%20/%3e%3cstop%20offset='1'%20stop-color='%23FCA23E'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", Be = {
238
- key: 0,
239
- class: "flex flex-wrap gap-8"
240
- }, Se = ["onClick"], Ee = ["src", "alt"], Ue = {
241
- key: 0,
242
- class: "absolute inset-0 flex items-center justify-center bg-black/30"
243
- }, Re = ["src"], Qe = ["src", "alt"], _ = /* @__PURE__ */ M({
244
- __name: "FeedmeReviewCardMedia",
245
- props: {
246
- mediaItems: {}
247
- },
248
- setup(t) {
249
- const l = A(null);
250
- return (i, r) => t.mediaItems && t.mediaItems.length > 0 ? (o(), a("div", Be, [
251
- (o(!0), a(I, null, S(t.mediaItems, (s, d) => (o(), a("div", {
252
- key: d,
253
- class: "relative w-72 h-72 rounded-lg overflow-hidden border border-fm-color-neutral-gray-200 shrink-0 cursor-pointer hover:opacity-90 transition-opacity",
254
- onClick: (u) => l.value = s
255
- }, [
256
- n("img", {
257
- src: s.thumbnailUrl,
258
- alt: s.thumbnailLabel,
259
- class: "w-full h-full object-cover"
260
- }, null, 8, Ee),
261
- s.videoUrl ? (o(), a("div", Ue, [
262
- g(e(y).FmIcon, {
263
- name: "play_arrow",
264
- class: "text-white"
265
- })
266
- ])) : D("", !0)
267
- ], 8, Se))), 128)),
268
- (o(), p(ee, { to: "body" }, [
269
- l.value ? (o(), a("div", {
270
- key: 0,
271
- class: "fixed inset-0 z-50 flex items-center justify-center bg-black/80 backdrop-blur-sm",
272
- onClick: r[2] || (r[2] = (s) => l.value = null)
273
- }, [
274
- n("button", {
275
- class: "absolute top-16 right-16 z-50 p-8 text-white hover:text-fm-color-neutral-gray-300 transition-colors",
276
- onClick: r[0] || (r[0] = (s) => l.value = null)
277
- }, [
278
- g(e(y).FmIcon, {
279
- name: "close",
280
- size: "lg"
281
- })
282
- ]),
283
- n("div", {
284
- class: "relative max-w-[90vw] max-h-[90vh] flex items-center justify-center",
285
- onClick: r[1] || (r[1] = te(() => {
286
- }, ["stop"]))
287
- }, [
288
- l.value.videoUrl ? (o(), a("video", {
289
- key: 0,
290
- src: l.value.videoUrl,
291
- controls: "",
292
- autoplay: "",
293
- class: "max-w-full max-h-[90vh] rounded-lg shadow-lg"
294
- }, null, 8, Re)) : (o(), a("img", {
295
- key: 1,
296
- src: l.value.thumbnailUrl,
297
- alt: l.value.thumbnailLabel,
298
- class: "max-w-full max-h-[90vh] rounded-lg shadow-lg object-contain"
299
- }, null, 8, Qe))
300
- ])
301
- ])) : D("", !0)
302
- ]))
303
- ])) : D("", !0);
304
- }
305
- }), Ve = { class: "rounded-lg border border-fm-color-neutral-gray-200 bg-white p-16 flex flex-col gap-8" }, Ye = { class: "flex items-center gap-8" }, Oe = ["src"], Ge = { class: "flex flex-col flex-1 min-w-0" }, Pe = { class: "fm-typo-en-body-md-600 truncate" }, ze = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, Ne = { class: "flex items-center gap-4 shrink-0" }, He = ["src"], Le = {
306
- key: 0,
307
- class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400"
308
- }, qe = { class: "flex items-center gap-4" }, Te = {
309
- key: 0,
310
- class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-700 line-clamp-3"
311
- }, Je = {
312
- key: 1,
313
- class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400 italic"
314
- }, Ke = /* @__PURE__ */ M({
315
- __name: "FeedmeReviewCard",
316
- props: {
317
- review: {}
318
- },
319
- setup(t) {
320
- const { t: l } = V();
321
- return (i, r) => (o(), a("div", Ve, [
322
- n("div", Ye, [
323
- t.review.reviewer.photoUrl ? (o(), a("img", {
324
- key: 0,
325
- src: t.review.reviewer.photoUrl,
326
- class: "w-32 h-32 rounded-full shrink-0 object-cover"
327
- }, null, 8, Oe)) : (o(), p(e(y).FmIcon, {
328
- key: 1,
329
- name: "person",
330
- class: "text-fm-color-neutral-gray-300 shrink-0"
331
- })),
332
- n("div", Ge, [
333
- n("span", Pe, m(t.review.reviewer.name ?? e(l)("connect.review.overview.anonymous")), 1),
334
- n("span", ze, m(e(L)(t.review.createTime).format("D MMM YYYY, hh:mmA")), 1)
335
- ]),
336
- n("div", Ne, [
337
- n("img", {
338
- src: e(Me),
339
- class: "w-16 h-16",
340
- alt: "FeedMe"
341
- }, null, 8, He),
342
- t.review.location ? (o(), a("span", Le, m(t.review.location.name), 1)) : D("", !0)
343
- ])
344
- ]),
345
- n("div", qe, [
346
- (o(), a(I, null, S(5, (s) => g(e(y).FmIcon, {
347
- key: s,
348
- name: "star",
349
- size: "sm",
350
- class: O(
351
- s <= t.review.starRating ? "text-yellow-400" : "text-fm-color-neutral-gray-200"
352
- )
353
- }, null, 8, ["class"])), 64))
354
- ]),
355
- t.review.comment ? (o(), a("p", Te, m(t.review.comment), 1)) : (o(), a("p", Je, m(e(l)("connect.review.overview.noComment")), 1)),
356
- g(_, {
357
- "media-items": t.review.mediaItems
358
- }, null, 8, ["media-items"])
359
- ]));
360
- }
361
- }), je = "data:image/png;base64,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", Ze = { class: "rounded-lg border border-fm-color-neutral-gray-200 bg-white p-16 flex flex-col gap-12" }, Xe = { class: "flex items-center gap-8" }, We = ["src"], _e = { class: "flex flex-col flex-1 min-w-0" }, $e = { class: "fm-typo-en-body-md-600 truncate" }, et = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, tt = { class: "flex items-center gap-4 shrink-0" }, ot = ["src"], nt = {
362
- key: 0,
363
- class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400"
364
- }, lt = { class: "flex items-center gap-4" }, st = { class: "flex flex-wrap items-center gap-x-8 gap-y-4 fm-typo-en-body-sm-400 text-fm-color-neutral-gray-500" }, at = { class: "font-semibold text-fm-color-neutral-gray-700" }, rt = { class: "font-semibold text-fm-color-neutral-gray-700" }, it = { class: "font-semibold text-fm-color-neutral-gray-700" }, ct = {
365
- key: 0,
366
- class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-700 line-clamp-3"
367
- }, dt = {
368
- key: 1,
369
- class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400 italic"
370
- }, mt = /* @__PURE__ */ M({
371
- __name: "FeedvibeReviewCard",
372
- props: {
373
- review: {}
374
- },
375
- setup(t) {
376
- const { t: l } = V();
377
- return (i, r) => {
378
- var s, d;
379
- return o(), a("div", Ze, [
380
- n("div", Xe, [
381
- (s = t.review.reviewer) != null && s.photoUrl ? (o(), a("img", {
382
- key: 0,
383
- src: t.review.reviewer.photoUrl,
384
- class: "w-32 h-32 rounded-full shrink-0 object-cover"
385
- }, null, 8, We)) : (o(), p(e(y).FmIcon, {
386
- key: 1,
387
- name: "person",
388
- class: "text-fm-color-neutral-gray-300 shrink-0"
389
- })),
390
- n("div", _e, [
391
- n("span", $e, m(((d = t.review.reviewer) == null ? void 0 : d.name) || e(l)("connect.review.overview.anonymous")), 1),
392
- n("span", et, m(e(L)(t.review.createTime).format("D MMM YYYY, hh:mmA")), 1)
393
- ]),
394
- n("div", tt, [
395
- n("img", {
396
- src: e(je),
397
- class: "w-16 h-16",
398
- alt: "Feedvibe"
399
- }, null, 8, ot),
400
- t.review.location ? (o(), a("span", nt, m(t.review.location.name), 1)) : D("", !0)
401
- ])
402
- ]),
403
- n("div", lt, [
404
- (o(), a(I, null, S(5, (u) => g(e(y).FmIcon, {
405
- key: u,
406
- name: "star",
407
- size: "sm",
408
- class: O(
409
- u <= Math.round(t.review.rating.overall) ? "text-yellow-400" : "text-fm-color-neutral-gray-200"
410
- )
411
- }, null, 8, ["class"])), 64))
412
- ]),
413
- n("div", st, [
414
- n("span", null, [
415
- q(m(e(l)("connect.review.overview.food")) + ": ", 1),
416
- n("strong", at, m(t.review.rating.food) + "/5 ", 1)
417
- ]),
418
- r[0] || (r[0] = n("span", { "aria-hidden": "true" }, "|", -1)),
419
- n("span", null, [
420
- q(m(e(l)("connect.review.overview.service")) + ": ", 1),
421
- n("strong", rt, m(t.review.rating.service) + "/5 ", 1)
422
- ]),
423
- r[1] || (r[1] = n("span", { "aria-hidden": "true" }, "|", -1)),
424
- n("span", null, [
425
- q(m(e(l)("connect.review.overview.atmosphere")) + ": ", 1),
426
- n("strong", it, m(t.review.rating.atmosphere) + "/5 ", 1)
427
- ])
428
- ]),
429
- t.review.comment ? (o(), a("p", ct, m(t.review.comment), 1)) : (o(), a("p", dt, m(e(l)("connect.review.overview.noComment")), 1)),
430
- g(_, {
431
- "media-items": t.review.mediaItems
432
- }, null, 8, ["media-items"])
433
- ]);
434
- };
435
- }
436
- }), $ = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cpath%20fill='%23EA4335'%20d='M24%209.5c3.14%200%205.95%201.08%208.17%202.86l6.08-6.08C34.46%203.1%2029.5%201%2024%201%2014.82%201%206.96%206.48%203.22%2014.44l7.08%205.5C12.08%2013.66%2017.58%209.5%2024%209.5z'/%3e%3cpath%20fill='%234285F4'%20d='M46.52%2024.5c0-1.64-.15-3.22-.42-4.74H24v8.98h12.7c-.55%202.96-2.2%205.46-4.68%207.14l7.18%205.58C43.18%2037.36%2046.52%2031.38%2046.52%2024.5z'/%3e%3cpath%20fill='%23FBBC05'%20d='M10.3%2028.56A14.56%2014.56%200%200%201%209.5%2024c0-1.58.27-3.1.76-4.52l-7.08-5.5A23.94%2023.94%200%200%200%200%2024c0%203.86.92%207.5%202.56%2010.72l7.74-6.16z'/%3e%3cpath%20fill='%2334A853'%20d='M24%2047c5.5%200%2010.12-1.82%2013.48-4.94l-7.18-5.58c-1.82%201.22-4.14%201.94-6.3%201.94-6.42%200-11.92-4.16-13.7-9.86l-7.74%206.16C6.96%2041.52%2014.82%2047%2024%2047z'/%3e%3cpath%20fill='none'%20d='M0%200h48v48H0z'/%3e%3c/svg%3e", ut = { class: "rounded-lg border border-fm-color-neutral-gray-200 bg-white p-16 flex flex-col gap-8" }, vt = { class: "flex items-center gap-8" }, gt = ["src"], ft = { class: "flex flex-col flex-1 min-w-0" }, wt = { class: "fm-typo-en-body-md-600 truncate" }, yt = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, ht = { class: "flex items-center gap-4 shrink-0" }, bt = ["src"], pt = {
437
- key: 0,
438
- class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400"
439
- }, xt = { class: "flex items-center gap-4" }, kt = {
440
- key: 0,
441
- class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-700 line-clamp-3"
442
- }, Ct = {
443
- key: 1,
444
- class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400 italic"
445
- }, At = /* @__PURE__ */ M({
446
- __name: "GoogleReviewCard",
447
- props: {
448
- review: {}
449
- },
450
- setup(t) {
451
- const { t: l } = V();
452
- return (i, r) => {
453
- var s, d, u;
454
- return o(), a("div", ut, [
455
- n("div", vt, [
456
- (s = t.review.reviewer) != null && s.pictureUrl ? (o(), a("img", {
457
- key: 0,
458
- src: (d = t.review.reviewer) == null ? void 0 : d.pictureUrl,
459
- class: "w-32 h-32 rounded-full shrink-0 object-cover"
460
- }, null, 8, gt)) : (o(), p(e(y).FmIcon, {
461
- key: 1,
462
- name: "person",
463
- class: "text-fm-color-neutral-gray-300 shrink-0"
464
- })),
465
- n("div", ft, [
466
- n("span", wt, m(((u = t.review.reviewer) == null ? void 0 : u.name) ?? e(l)("connect.review.overview.anonymous")), 1),
467
- n("span", yt, m(e(L)(t.review.createTime).format("D MMM YYYY, hh:mmA")), 1)
468
- ]),
469
- n("div", ht, [
470
- n("img", {
471
- src: e($),
472
- class: "w-16 h-16"
473
- }, null, 8, bt),
474
- t.review.locationDisplayName ? (o(), a("span", pt, m(t.review.locationDisplayName), 1)) : D("", !0)
475
- ])
476
- ]),
477
- n("div", xt, [
478
- (o(), a(I, null, S(5, (c) => g(e(y).FmIcon, {
479
- key: c,
480
- name: "star",
481
- size: "sm",
482
- class: O(
483
- c <= t.review.starRating ? "text-yellow-400" : "text-fm-color-neutral-gray-200"
484
- )
485
- }, null, 8, ["class"])), 64))
486
- ]),
487
- t.review.comment ? (o(), a("p", kt, m(t.review.comment), 1)) : (o(), a("p", Ct, m(e(l)("connect.review.overview.noComment")), 1))
488
- ]);
489
- };
490
- }
491
- }), It = /* @__PURE__ */ M({
492
- __name: "ReviewCard",
493
- props: {
494
- review: {}
495
- },
496
- setup(t) {
497
- const l = t, i = x(
498
- () => l.review.source === "google" ? l.review : null
499
- ), r = x(
500
- () => l.review.source === "facebook" ? l.review : null
501
- ), s = x(
502
- () => l.review.source === "feedme" ? l.review : null
503
- ), d = x(
504
- () => l.review.source === "feedvibe" ? l.review : null
505
- );
506
- return (u, c) => i.value ? (o(), p(At, {
507
- key: 0,
508
- review: i.value
509
- }, null, 8, ["review"])) : r.value ? (o(), p(Fe, {
510
- key: 1,
511
- review: r.value
512
- }, null, 8, ["review"])) : s.value ? (o(), p(Ke, {
513
- key: 2,
514
- review: s.value
515
- }, null, 8, ["review"])) : d.value ? (o(), p(mt, {
516
- key: 3,
517
- review: d.value
518
- }, null, 8, ["review"])) : D("", !0);
519
- }
520
- }), Dt = {
521
- key: 0,
522
- class: "flex justify-center py-32"
523
- }, Ft = {
524
- key: 1,
525
- class: "flex flex-col items-center justify-center py-48 gap-8"
526
- }, Mt = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400" }, Bt = {
527
- key: 3,
528
- class: "flex justify-center py-16"
529
- }, St = /* @__PURE__ */ M({
530
- __name: "ReviewFeed",
531
- props: {
532
- reviews: {},
533
- loading: { type: Boolean },
534
- hasMore: { type: Boolean }
535
- },
536
- emits: ["loadMore"],
537
- setup(t, { emit: l }) {
538
- const { t: i } = V(), r = t, s = l, d = A(null);
539
- return H(() => {
540
- const u = new IntersectionObserver(
541
- (c) => {
542
- c[0].isIntersecting && r.hasMore && !r.loading && s("loadMore");
543
- },
544
- { threshold: 0.5 }
545
- );
546
- d.value && u.observe(d.value), oe(() => u.disconnect());
547
- }), (u, c) => (o(), a(I, null, [
548
- t.loading && t.reviews.length === 0 ? (o(), a("div", Dt, [
549
- g(e(y).FmIcon, {
550
- name: "sync",
551
- size: "xl",
552
- class: "animate-spin text-fm-color-neutral-gray-400"
553
- })
554
- ])) : t.reviews.length === 0 ? (o(), a("div", Ft, [
555
- g(e(y).FmIcon, {
556
- name: "rate_review",
557
- size: "xl",
558
- class: "text-fm-color-neutral-gray-300"
559
- }),
560
- n("p", Mt, m(e(i)("connect.review.overview.empty")), 1)
561
- ])) : (o(!0), a(I, { key: 2 }, S(t.reviews, (w) => (o(), p(It, {
562
- key: w._id,
563
- review: w
564
- }, null, 8, ["review"]))), 128)),
565
- n("div", {
566
- ref_key: "sentinel",
567
- ref: d,
568
- class: "h-1"
569
- }, null, 512),
570
- t.loading && t.reviews.length > 0 ? (o(), a("div", Bt, [
571
- g(e(y).FmIcon, {
572
- name: "sync",
573
- size: "md",
574
- class: "animate-spin text-fm-color-neutral-gray-400"
575
- })
576
- ])) : D("", !0)
577
- ], 64));
578
- }
579
- }), Et = { class: "w-1/2 rounded-lg border border-fm-color-neutral-gray-200 bg-white p-5" }, Ut = { class: "fm-typo-en-title-md-600 text-fm-color-typo-primary" }, Rt = { class: "mt-16 grid grid-cols-[minmax(0,1fr)_minmax(140px,0.5fr)] gap-5" }, Qt = { class: "mt-12 flex flex-col gap-8" }, Vt = { class: "w-16 fm-typo-en-body-sm-400 text-fm-color-neutral-gray-500" }, Yt = { class: "h-8 flex-1 overflow-hidden rounded-full bg-fm-color-neutral-gray-100" }, Ot = { class: "w-24 text-right fm-typo-en-body-sm-400 text-fm-color-neutral-gray-500" }, Gt = { class: "mt-8 flex flex-col items-center" }, Pt = { class: "fm-typo-en-display-lg-800 text-fm-color-typo-primary" }, zt = {
580
- class: "mt-8 flex items-center gap-1",
581
- "aria-label": "Average rating"
582
- }, Nt = { class: "mt-4 fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, Ht = /* @__PURE__ */ M({
583
- __name: "ReviewSummary",
584
- props: {
585
- reviews: {}
586
- },
587
- setup(t) {
588
- const l = t, i = x(
589
- () => l.reviews.flatMap(
590
- (c) => "starRating" in c ? [c.starRating] : c.source === "feedvibe" ? [c.rating.overall] : []
591
- )
592
- ), r = x(() => i.value.length ? (i.value.reduce((w, h) => w + h, 0) / i.value.length).toFixed(1) : "0.0"), s = x(() => Number(r.value)), d = x(
593
- () => [5, 4, 3, 2, 1].map((c) => ({
594
- star: c,
595
- count: i.value.filter((w) => Math.round(w) === c).length
596
- }))
597
- );
598
- function u(c) {
599
- return `${Math.min(Math.max(s.value - c + 1, 0), 1) * 100}%`;
600
- }
601
- return (c, w) => (o(), a("div", Et, [
602
- n("h2", Ut, m(c.$t("connect.review.overview.summary")), 1),
603
- n("div", Rt, [
604
- n("div", Qt, [
605
- (o(!0), a(I, null, S(e(d), (h) => (o(), a("div", {
606
- key: h.star,
607
- class: "flex items-center gap-8"
608
- }, [
609
- n("span", Vt, m(h.star), 1),
610
- g(e(y).FmIcon, {
611
- name: "star",
612
- size: "sm",
613
- class: "text-amber-400"
614
- }),
615
- n("div", Yt, [
616
- n("div", {
617
- class: "h-full rounded-full bg-amber-400 transition-[width]",
618
- style: J({
619
- width: `${e(i).length ? h.count / e(i).length * 100 : 0}%`
620
- })
621
- }, null, 4)
622
- ]),
623
- n("span", Ot, m(h.count), 1)
624
- ]))), 128))
625
- ]),
626
- n("div", Gt, [
627
- n("span", Pt, m(e(r)), 1),
628
- n("div", zt, [
629
- (o(), a(I, null, S(5, (h) => n("span", {
630
- key: h,
631
- class: "relative"
632
- }, [
633
- g(e(y).FmIcon, {
634
- name: "star",
635
- size: "md",
636
- class: "text-fm-color-neutral-gray-200"
637
- }),
638
- n("span", {
639
- class: "absolute inset-y-0 left-0 overflow-hidden",
640
- style: J({ width: u(h) })
641
- }, [
642
- g(e(y).FmIcon, {
643
- name: "star",
644
- size: "md",
645
- class: "text-amber-400"
646
- })
647
- ], 4)
648
- ])), 64))
649
- ]),
650
- n("span", Nt, " (" + m(e(i).length) + ") ", 1)
651
- ])
652
- ])
653
- ]));
654
- }
655
- }), Lt = { class: "p-24 flex flex-col gap-12" }, T = 20, qt = /* @__PURE__ */ M({
656
- __name: "ReviewOverview",
657
- setup(t) {
658
- const l = A([]), i = A(!1), r = A(!0), s = A(null), d = A(null), u = A(null), c = A(""), w = A("createTime_desc");
659
- K(s, () => {
660
- c.value = "";
661
- });
662
- function h(k) {
663
- var f;
664
- return {
665
- source: ((f = s.value) == null ? void 0 : f.join(",")) || void 0,
666
- dateFrom: d.value || void 0,
667
- dateTo: u.value || void 0,
668
- locationId: c.value || void 0,
669
- sort: w.value,
670
- limit: T,
671
- skip: k
672
- };
673
- }
674
- async function E() {
675
- i.value = !0, r.value = !0;
676
- try {
677
- const k = await G.listReviews(h(0));
678
- l.value = k, r.value = k.length === T;
679
- } finally {
680
- i.value = !1;
681
- }
682
- }
683
- async function U() {
684
- if (!(i.value || !r.value)) {
685
- i.value = !0;
686
- try {
687
- const k = await G.listReviews(h(l.value.length));
688
- l.value = [...l.value, ...k], r.value = k.length === T;
689
- } finally {
690
- i.value = !1;
691
- }
692
- }
693
- }
694
- return K(
695
- [s, d, u, c, w],
696
- E
697
- ), H(E), (k, f) => (o(), a("div", Lt, [
698
- g(Ht, { reviews: e(l) }, null, 8, ["reviews"]),
699
- g(ge, {
700
- source: e(s),
701
- "onUpdate:source": f[0] || (f[0] = (F) => Y(s) ? s.value = F : null),
702
- "date-from": e(d),
703
- "onUpdate:dateFrom": f[1] || (f[1] = (F) => Y(d) ? d.value = F : null),
704
- "date-to": e(u),
705
- "onUpdate:dateTo": f[2] || (f[2] = (F) => Y(u) ? u.value = F : null),
706
- "location-id": e(c),
707
- "onUpdate:locationId": f[3] || (f[3] = (F) => Y(c) ? c.value = F : null),
708
- sort: e(w),
709
- "onUpdate:sort": f[4] || (f[4] = (F) => Y(w) ? w.value = F : null)
710
- }, null, 8, ["source", "date-from", "date-to", "location-id", "sort"]),
711
- g(St, {
712
- reviews: e(l),
713
- loading: e(i),
714
- "has-more": e(r),
715
- onLoadMore: U
716
- }, null, 8, ["reviews", "loading", "has-more"])
717
- ]));
718
- }
719
- }), Tt = { class: "rounded-lg border border-fm-color-neutral-gray-200 bg-white overflow-hidden" }, Jt = ["src"], Kt = { class: "flex flex-col flex-1 min-w-0" }, jt = { class: "fm-typo-en-body-md-600 capitalize" }, Zt = {
720
- key: 0,
721
- class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 truncate"
722
- }, Z = /* @__PURE__ */ M({
723
- __name: "ReviewSource",
724
- props: {
725
- icon: {},
726
- name: {},
727
- connected: { type: Boolean },
728
- subtitle: {},
729
- syncing: { type: Boolean },
730
- tokenExpired: { type: Boolean }
731
- },
732
- emits: ["connect", "sync"],
733
- setup(t, { emit: l }) {
734
- const i = l, { t: r } = V(), s = ne();
735
- return (d, u) => (o(), a("div", Tt, [
736
- n("div", {
737
- class: O(["flex items-center gap-12 p-16", e(s).default ? "border-b border-fm-color-neutral-gray-100" : ""])
738
- }, [
739
- n("img", {
740
- src: t.icon,
741
- class: "w-10 h-10 shrink-0"
742
- }, null, 8, Jt),
743
- n("div", Kt, [
744
- n("span", jt, m(t.name), 1),
745
- t.subtitle ? (o(), a("span", Zt, m(t.subtitle), 1)) : D("", !0)
746
- ]),
747
- t.connected ? (o(), a(I, { key: 0 }, [
748
- t.tokenExpired ? (o(), p(e(y).FmChip, {
749
- key: 0,
750
- label: e(r)("connect.review.expired"),
751
- variant: "critical"
752
- }, null, 8, ["label"])) : D("", !0),
753
- g(e(y).FmButton, {
754
- variant: "secondary",
755
- "prepend-icon": "refresh",
756
- label: e(r)("connect.review.reconnect"),
757
- onClick: u[0] || (u[0] = (c) => i("connect"))
758
- }, null, 8, ["label"]),
759
- t.tokenExpired ? D("", !0) : (o(), p(e(y).FmButton, {
760
- key: 1,
761
- variant: "primary",
762
- "prepend-icon": "sync",
763
- label: e(r)("connect.review.sync"),
764
- loading: t.syncing,
765
- onClick: u[1] || (u[1] = (c) => i("sync"))
766
- }, null, 8, ["label", "loading"]))
767
- ], 64)) : (o(), p(e(y).FmButton, {
768
- key: 1,
769
- "prepend-icon": "add",
770
- label: e(r)("connect.review.connect"),
771
- onClick: u[2] || (u[2] = (c) => i("connect"))
772
- }, null, 8, ["label"]))
773
- ], 2),
774
- le(d.$slots, "default")
775
- ]));
776
- }
777
- }), Xt = { class: "p-24 flex flex-col gap-8" }, Wt = { class: "flex flex-col flex-1 min-w-0" }, _t = { class: "fm-typo-en-body-lg-600 truncate" }, $t = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 truncate" }, eo = ["src"], to = { class: "flex flex-col flex-1 min-w-0" }, oo = { class: "fm-typo-en-body-lg-600 truncate" }, no = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 truncate" }, lo = /* @__PURE__ */ M({
778
- __name: "ReviewSettings",
779
- setup(t) {
780
- const { t: l } = V(), i = ie(), r = X(), s = A(null), d = A(!1), u = A(!1), c = x(
781
- () => {
782
- var v;
783
- return s.value ? ((v = s.value.google) == null ? void 0 : v.accessToken) === null : !1;
784
- }
785
- ), w = x(
786
- () => {
787
- var v;
788
- return s.value ? ((v = s.value.facebook) == null ? void 0 : v.token) === null : !1;
789
- }
790
- );
791
- function h(v) {
792
- const b = window.location.pathname.replace(/\/review(?:\/.*)?$/, "");
793
- return `${window.location.origin}${b}${v}`;
794
- }
795
- async function E() {
796
- await ce.minor(async () => {
797
- s.value = await G.getSource();
798
- });
799
- }
800
- function U(v) {
801
- var b;
802
- return (b = r.locations.find(
803
- (B) => B._id.toString() === v
804
- )) == null ? void 0 : b.name;
805
- }
806
- function k(v) {
807
- return v.map((b) => U(b)).filter((b) => b !== void 0).join(", ");
808
- }
809
- async function f() {
810
- var v, b;
811
- d.value = !0;
812
- try {
813
- await G.syncGoogleReviews();
814
- } catch (B) {
815
- if (await E(), ((b = (v = s.value) == null ? void 0 : v.google) == null ? void 0 : b.accessToken) === null) {
816
- i.open({
817
- message: l("connect.review.tokenExpired"),
818
- type: "error"
819
- });
820
- return;
821
- }
822
- throw B;
823
- } finally {
824
- d.value = !1;
825
- }
826
- }
827
- async function F() {
828
- var v, b;
829
- u.value = !0;
830
- try {
831
- await G.syncFacebookReviews();
832
- } catch (B) {
833
- if (await E(), ((b = (v = s.value) == null ? void 0 : v.facebook) == null ? void 0 : b.token) === null) {
834
- i.open({
835
- message: l("connect.review.tokenExpired"),
836
- type: "error"
837
- });
838
- return;
839
- }
840
- throw B;
841
- } finally {
842
- u.value = !1;
843
- }
844
- }
845
- async function C() {
846
- const v = h("/review/google/callback"), { callbackUrl: b } = await G.getOauthUrl("google", v);
847
- window.location.href = b;
848
- }
849
- async function R() {
850
- const v = h("/review/facebook/callback"), { callbackUrl: b } = await G.getOauthUrl("facebook", v);
851
- window.location.href = b;
852
- }
853
- return H(() => {
854
- E(), r.readLocations();
855
- }), (v, b) => (o(), a("div", Xt, [
856
- e(s) ? (o(), a(I, { key: 0 }, [
857
- g(Z, {
858
- icon: e($),
859
- name: "google",
860
- connected: !!e(s).google,
861
- syncing: e(d),
862
- "token-expired": e(c),
863
- onConnect: C,
864
- onSync: f
865
- }, {
866
- default: N(() => {
867
- var B;
868
- return [
869
- (o(!0), a(I, null, S((B = e(s).google) == null ? void 0 : B.locations, (Q) => (o(), a("div", {
870
- key: Q.googleLocationName,
871
- class: "flex items-center gap-12 px-16 py-12 border-b border-fm-color-neutral-gray-100 last:border-b-0"
872
- }, [
873
- g(e(y).FmIcon, {
874
- name: "location_on",
875
- class: "text-fm-color-neutral-gray-300 shrink-0"
876
- }),
877
- n("div", Wt, [
878
- n("span", _t, m(Q.displayName), 1),
879
- n("span", $t, m(U(Q.locationId)), 1)
880
- ])
881
- ]))), 128))
882
- ];
883
- }),
884
- _: 1
885
- }, 8, ["icon", "connected", "syncing", "token-expired"]),
886
- g(Z, {
887
- icon: e(W),
888
- name: "facebook",
889
- connected: !!e(s).facebook,
890
- syncing: e(u),
891
- "token-expired": e(w),
892
- onConnect: R,
893
- onSync: F
894
- }, {
895
- default: N(() => {
896
- var B;
897
- return [
898
- (o(!0), a(I, null, S((B = e(s).facebook) == null ? void 0 : B.pages, (Q) => (o(), a("div", {
899
- key: Q.facebookPageId,
900
- class: "flex items-center gap-12 px-16 py-12 border-b border-fm-color-neutral-gray-100 last:border-b-0"
901
- }, [
902
- Q.pageProfileImageUrl ? (o(), a("img", {
903
- key: 0,
904
- src: Q.pageProfileImageUrl,
905
- class: "w-10 h-10 rounded-full shrink-0 object-cover"
906
- }, null, 8, eo)) : (o(), p(e(y).FmIcon, {
907
- key: 1,
908
- name: "person",
909
- class: "text-fm-color-neutral-gray-300 shrink-0"
910
- })),
911
- n("div", to, [
912
- n("span", oo, m(Q.pageName), 1),
913
- n("span", no, m(k(Q.locationIds)), 1)
914
- ])
915
- ]))), 128))
916
- ];
917
- }),
918
- _: 1
919
- }, 8, ["icon", "connected", "syncing", "token-expired"])
920
- ], 64)) : (o(), a(I, { key: 1 }, S(["google", "facebook"], (B) => n("div", {
921
- key: B,
922
- class: "rounded-lg border border-fm-color-neutral-gray-200 bg-white p-16"
923
- }, [...b[0] || (b[0] = [
924
- se('<div class="animate-pulse flex items-center gap-12"><div class="w-10 h-10 rounded-full bg-fm-color-neutral-gray-100 shrink-0"></div><div class="flex-1 min-w-0 space-y-8"><div class="h-16 w-20 rounded bg-fm-color-neutral-gray-100"></div><div class="h-12 w-full max-w-[160px] rounded bg-fm-color-neutral-gray-100"></div></div><div class="h-32 w-24 rounded bg-fm-color-neutral-gray-100 shrink-0"></div></div>', 1)
925
- ])])), 64))
926
- ]));
927
- }
928
- }), so = { class: "flex flex-col" }, ao = { class: "px-24" }, yo = /* @__PURE__ */ M({
929
- __name: "Review",
930
- setup(t) {
931
- const { t: l } = V(), i = [
932
- { label: l("connect.review.tabs.overview"), value: "overview" },
933
- { label: l("connect.review.tabs.settings"), value: "settings" }
934
- ], r = A(i[0]);
935
- return (s, d) => {
936
- const u = P("FmPageHead"), c = P("FmTabs");
937
- return o(), a(I, null, [
938
- g(u, {
939
- title: e(l)("connect.navigation.review")
940
- }, null, 8, ["title"]),
941
- n("div", so, [
942
- n("div", ao, [
943
- g(c, {
944
- "model-value": e(r).value,
945
- items: i,
946
- "onUpdate:modelValue": d[0] || (d[0] = (w) => r.value = i.find((h) => h.value === w))
947
- }, null, 8, ["model-value"])
948
- ]),
949
- (o(), p(ae, null, [
950
- e(r).value === "overview" ? (o(), p(qt, { key: 0 })) : e(r).value === "settings" ? (o(), p(lo, { key: 1 })) : D("", !0)
951
- ], 1024))
952
- ])
953
- ], 64);
954
- };
955
- }
956
- });
957
- export {
958
- yo as default
959
- };