@superfeedback/widget 0.0.30 → 0.0.31

package/dist/widget.js

@@ -6737,19 +6737,19 @@ const ACTIONS = [
 		leaveTo: "sf:opacity-0 sf:-translate-y-1"
 	}]
 ]);
-var _hoisted_1$5 = { class: "grid w-80 gap-4 rounded-xl border border-solid border-gray-200 bg-white p-6 text-center" }, _hoisted_2$3 = {
+var _hoisted_1$5 = { class: "sf:grid sf:w-80 sf:gap-4 sf:rounded-xl sf:border sf:border-solid sf:border-gray-200 sf:bg-white sf:p-6 sf:text-center" }, _hoisted_2$3 = {
 	key: 0,
-	class: "mx-auto flex size-16 items-center justify-center rounded-full bg-green-100"
+	class: "sf:mx-auto sf:flex sf:size-16 sf:items-center sf:justify-center sf:rounded-full sf:bg-green-100"
 }, _hoisted_3$3 = {
 	key: 1,
-	class: "mx-auto flex size-24 items-center justify-center rounded-full bg-red-100"
+	class: "sf:mx-auto sf:flex sf:size-24 sf:items-center sf:justify-center sf:rounded-full sf:bg-red-100"
 }, _hoisted_4$2 = {
 	key: 2,
-	class: "text-2xl font-bold text-gray-900"
+	class: "sf:text-2xl sf:font-bold sf:text-gray-900"
 }, _hoisted_5$1 = {
 	key: 3,
-	class: "text-2xl font-bold text-gray-900"
-}, _hoisted_6$1 = { class: "text-sm text-gray-600" }, fd_confirmation_default = /* @__PURE__ */ defineComponent({
+	class: "sf:text-2xl sf:font-bold sf:text-gray-900"
+}, _hoisted_6$1 = { class: "sf:text-sm sf:text-gray-600" }, fd_confirmation_default = /* @__PURE__ */ defineComponent({
 	__name: "fd-confirmation",
 	props: { successResponse: { type: Boolean } },
 	emits: ["close"],
@@ -6769,20 +6769,20 @@ var _hoisted_1$5 = { class: "grid w-80 gap-4 rounded-xl border border-solid bord
 			Uc.successResponse ? (openBlock(), createElementBlock("div", _hoisted_2$3, [createVNode(fd_icon_default, {
 				"icon-name": "lucide:badge-check",
 				"icon-size": "lg",
-				class: "text-green-600"
+				class: "sf:text-green-600"
 			})])) : (openBlock(), createElementBlock("div", _hoisted_3$3, [createVNode(fd_icon_default, {
 				"icon-name": "lucide:triangle-alert",
 				"icon-size": "lg",
-				class: "text-red-600"
+				class: "sf:text-red-600"
 			})])),
-			Uc.successResponse ? (openBlock(), createElementBlock("h2", _hoisted_4$2, " Feedback Sent! ")) : (openBlock(), createElementBlock("h2", _hoisted_5$1, "Feedback Not Sent")),
+			Uc.successResponse ? (openBlock(), createElementBlock("h2", _hoisted_4$2, " Feedback Sent! ")) : (openBlock(), createElementBlock("h2", _hoisted_5$1, " Feedback Not Sent ")),
 			createBaseVNode("p", _hoisted_6$1, toDisplayString(Uc.successResponse ? "Thank you for your feedback! We will check it out as soon as possible." : "Sorry, we couldn't send your feedback. Please try again."), 1),
 			createBaseVNode("button", {
 				class: "sf:rr-block sf:flex sf:w-full sf:items-center sf:justify-center sf:gap-2 sf:rounded-2xl sf:bg-blue-500 sf:px-6 sf:py-3 sf:text-sm sf:font-medium sf:text-white sf:shadow-md sf:transition-all sf:hover:from-blue-600 sf:hover:to-indigo-600 sf:disabled:cursor-not-allowed sf:disabled:opacity-50 sf:disabled:hover:from-blue-500 sf:disabled:hover:to-indigo-600",
 				onClick: bg
 			}, " Close "),
 			createBaseVNode("button", {
-				class: "mx-auto text-sm text-gray-600 transition-colors hover:text-gray-900",
+				class: "sf:mx-auto sf:text-sm sf:text-gray-600 sf:transition-colors sf:hover:text-gray-900",
 				onClick: bg
 			}, " Send another ")
 		]));
@@ -6873,11 +6873,11 @@ var _hoisted_1$5 = { class: "grid w-80 gap-4 rounded-xl border border-solid bord
 				target: "_blank",
 				class: "sf:text-[11px] sf:font-bold sf:text-gray-800 sf:transition-colors sf:group-hover:text-blue-500 sf:hover:text-blue-500"
 			}, " superfeedback ")], -1)
-		], 2)) : createCommentVNode("", !0), jg.value === !0 ? (openBlock(), createBlock(fd_confirmation_default, {
+		], 2)) : createCommentVNode("", !0), jg.value === null ? createCommentVNode("", !0) : (openBlock(), createBlock(fd_confirmation_default, {
 			key: 1,
 			onClose: bg[2] ||= (Uc) => jg.value = null,
 			"success-response": jg.value
-		}, null, 8, ["success-response"])) : createCommentVNode("", !0)], 64));
+		}, null, 8, ["success-response"]))], 64));
 	}
 });
 function t(Uc, vg, yg) {
@@ -9189,16 +9189,24 @@ var _hoisted_1 = { key: 0 }, root_default = /* @__PURE__ */ defineComponent({
 		function Jg() {
 			return shouldDisplayWidget(bg.value?.launcherDisplayMode, bg.value?.urlMatchType, bg.value?.urlConditions);
 		}
+		function Yg(Uc) {
+			let vg = Uc.replace("#", "");
+			vg.length === 3 && (vg = vg[0] + vg[0] + vg[1] + vg[1] + vg[2] + vg[2]);
+			let yg = parseInt(vg.substring(0, 2), 16), bg = parseInt(vg.substring(2, 4), 16), xg = parseInt(vg.substring(4, 6), 16);
+			return (.299 * yg + .587 * bg + .114 * xg) / 255 < .5;
+		}
+		let Xg = computed(() => Yg(bg.value?.triggerLabelColor || "#FBBF24") ? "sf:text-gray-100" : "sf:text-gray-900");
 		return useHistoryWatcherFn(() => {
 			typeof window < "u" && !yg.previewMode && (qg.value = Jg());
 		}), (Uc, Sg) => (openBlock(), createElementBlock(Fragment, null, [
 			unref(xg) && qg.value || yg.previewMode ? (openBlock(), createElementBlock("button", {
 				key: 0,
-				class: normalizeClass(["sf:bg-amber-400 sf:px-3 sf:py-1 sf:text-gray-900 sf:z-50", Ug.value]),
+				class: normalizeClass(["sf:px-3 sf:py-1 sf:z-50", [Ug.value, Xg.value]]),
+				style: normalizeStyle({ backgroundColor: unref(bg)?.triggerLabelColor || "#FBBF24" }),
 				ref_key: "reference",
 				ref: Cg,
 				onClick: Dg
-			}, toDisplayString(unref(bg)?.triggerLabel), 3)) : createCommentVNode("", !0),
+			}, toDisplayString(unref(bg)?.triggerLabel), 7)) : createCommentVNode("", !0),
 			(openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, null, {
 				default: withCtx(() => [unref(bg) ? (openBlock(), createElementBlock("section", {
 					key: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superfeedback/widget",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "private": false,
   "license": "MIT",
   "files": [