@adatechnology/conversations-ui 0.1.0-rc.38 → 0.1.0-rc.39

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 (3) hide show
  1. package/dist/index.js +4 -1
  2. package/package.json +1 -1
  3. package/src/WhatsAppMessageEditor.tsx +6 -3
package/dist/index.js CHANGED
@@ -772,7 +772,10 @@ function WhatsAppMessageEditor({
772
772
  ),
773
773
  /* @__PURE__ */ jsxs3("div", { className: "mt-2", children: [
774
774
  /* @__PURE__ */ jsx3("p", { className: "text-xs text-gray-500 dark:text-gray-400 mb-1", children: previewLabel }),
775
- /* @__PURE__ */ jsx3("div", { className: "rounded-xl bg-[#e5ded8] dark:bg-gray-900 p-3", children: /* @__PURE__ */ jsx3("div", { className: "inline-block max-w-full rounded-lg rounded-tl-none bg-white dark:bg-gray-800 shadow-sm px-3 py-2 text-sm text-gray-800 dark:text-gray-100 whitespace-pre-wrap break-words", children: value.trim() ? renderWhatsApp(value) : /* @__PURE__ */ jsx3("span", { className: "text-gray-400 dark:text-gray-500", children: emptyPreviewText }) }) })
775
+ /* @__PURE__ */ jsx3("div", { className: "rounded-2xl bg-[#e5ddd5] dark:bg-[#1a1a2e] p-3", children: /* @__PURE__ */ jsx3("div", { className: "flex justify-end ml-auto", style: { maxWidth: "85%" }, children: /* @__PURE__ */ jsxs3("div", { className: "bg-[#dcf8c6] dark:bg-[#1b5e20] rounded-lg rounded-tr-none shadow-sm px-3 py-2 text-sm text-gray-800 dark:text-gray-100 whitespace-pre-wrap break-words", children: [
776
+ value.trim() ? renderWhatsApp(value) : /* @__PURE__ */ jsx3("span", { className: "text-gray-400 dark:text-gray-500", children: emptyPreviewText }),
777
+ /* @__PURE__ */ jsx3("p", { className: "text-gray-400 dark:text-gray-400 mt-1 text-right text-[9px]", children: "12:00 \u2713\u2713" })
778
+ ] }) }) })
776
779
  ] })
777
780
  ] });
778
781
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adatechnology/conversations-ui",
3
- "version": "0.1.0-rc.38",
3
+ "version": "0.1.0-rc.39",
4
4
  "description": "WhatsApp conversation UI components — parametrizável por endpoint, tema e feature flags",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/WhatsAppMessageEditor.tsx CHANGED
@@ -155,9 +155,12 @@ export function WhatsAppMessageEditor({
155
155
 
156
156
  <div className="mt-2">
157
157
  <p className="text-xs text-gray-500 dark:text-gray-400 mb-1">{previewLabel}</p>
158
- <div className="rounded-xl bg-[#e5ded8] dark:bg-gray-900 p-3">
159
- <div className="inline-block max-w-full rounded-lg rounded-tl-none bg-white dark:bg-gray-800 shadow-sm px-3 py-2 text-sm text-gray-800 dark:text-gray-100 whitespace-pre-wrap break-words">
160
- {value.trim() ? renderWhatsApp(value) : <span className="text-gray-400 dark:text-gray-500">{emptyPreviewText}</span>}
158
+ <div className="rounded-2xl bg-[#e5ddd5] dark:bg-[#1a1a2e] p-3">
159
+ <div className="flex justify-end ml-auto" style={{ maxWidth: '85%' }}>
160
+ <div className="bg-[#dcf8c6] dark:bg-[#1b5e20] rounded-lg rounded-tr-none shadow-sm px-3 py-2 text-sm text-gray-800 dark:text-gray-100 whitespace-pre-wrap break-words">
161
+ {value.trim() ? renderWhatsApp(value) : <span className="text-gray-400 dark:text-gray-500">{emptyPreviewText}</span>}
162
+ <p className="text-gray-400 dark:text-gray-400 mt-1 text-right text-[9px]">12:00 ✓✓</p>
163
+ </div>
161
164
  </div>
162
165
  </div>
163
166
  </div>