@superbuilders/incept-renderer 0.1.5 → 0.1.8

package/dist/index.js

@@ -318,14 +318,7 @@ function serializeAttributes(attrs) {
   return parts.join(" ");
 }
 function escapeHtml(text) {
-  const escapeMap = {
-    "&": "&",
-    "<": "&lt;",
-    ">": "&gt;",
-    '"': "&quot;",
-    "'": "&#39;"
-  };
-  return text.replace(/[&<>"']/g, (char) => escapeMap[char] || char);
+  return text.replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
 function isMathMLElement(tagName) {
   const mathMLTags = [
@@ -757,18 +750,18 @@ function ChoiceInteractionRenderer({
     if (!isImagesOnly) return "space-y-2";
     switch (choiceCount) {
       case 4:
-        return "grid grid-cols-2 gap-4";
+        return "qti-image-grid-4";
       case 3:
-        return "grid grid-cols-3 gap-4";
+        return "qti-image-grid-3";
       case 2:
-        return "max-w-3xl mx-auto grid grid-cols-2 gap-6";
+        return "qti-image-grid-2";
       default:
-        return "grid grid-cols-2 md:grid-cols-3 gap-4";
+        return "qti-image-grid-many";
     }
   }, [isImagesOnly, choiceCount]);
   const imageCardClass = React3.useMemo(() => {
     if (!isImagesOnly) return "";
-    return choiceCount === 2 ? "justify-center text-center [&_img]:max-h-52 md:[&_img]:max-h-60 ![&_img]:w-auto ![&_img]:h-auto ![&_img]:max-w-full ![&_img]:block [&_img]:mx-auto min-h-[220px] px-8 py-8" : "justify-center text-center [&_img]:max-h-40 md:[&_img]:max-h-48 ![&_img]:w-auto ![&_img]:h-auto ![&_img]:max-w-full ![&_img]:block [&_img]:mx-auto min-h-[180px]";
+    return choiceCount === 2 ? "qti-image-card qti-image-card-large" : "qti-image-card";
   }, [isImagesOnly, choiceCount]);
   const handleSingleChoice = (value) => {
     if (!disabled && onAnswerSelect) {