@pie-element/image-cloze-association 0.1.0

package/src/delivery/utils-correctness.ts

@@ -0,0 +1,105 @@
+// @ts-nocheck
+/**
+ * @synced-from pie-elements/packages/image-cloze-association/src/utils-correctness.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+
+// functions also used in controller/src/utils.js
+// camelize keys is needed to convert the keys from snake_case to camelCase
+// this is also done in the controller
+import { camelizeKeys } from 'humps';
+
+const getAllCorrectAnswers = (answers, responses) =>
+  (answers || []).map((answer) => ({
+    ...answer,
+    isCorrect: ((responses[answer.containerIndex] && responses[answer.containerIndex].images) || []).includes(
+      answer.value,
+    ),
+  }));
+
+const getValidAnswer = (answer, response) =>
+  (response[answer.containerIndex].images || []).filter((res) => res === answer.value);
+
+const getUniqueCorrectAnswers = (answers, validResponses) => {
+  let finalAnswers = answers;
+
+  answers.forEach((answer1) => {
+    const valuesToParse = answers.filter(
+      (answer2) => answer2.value === answer1.value && answer2.containerIndex === answer1.containerIndex,
+    );
+
+    if (valuesToParse.length > 1) {
+      // point only to duplicates but first
+      valuesToParse.shift();
+      // mark duplicates as incorrect
+      valuesToParse.forEach((value, index) => {
+        finalAnswers = (finalAnswers || []).map((finalAnswer) => {
+          if (finalAnswer.id === value.id) {
+            let valid = getValidAnswer(finalAnswer, validResponses);
+
+            return {
+              ...finalAnswer,
+              isCorrect: valid.length > index + 1,
+            };
+          }
+          return finalAnswer;
+        });
+      });
+    }
+  });
+  return finalAnswers;
+};
+
+export const getUnansweredAnswers = (answers, validation) => {
+  const camelizedValidation = camelizeKeys(validation);
+  const { validResponse: { value } = {} } = camelizedValidation;
+
+  return (value || []).reduce((unanswered, response, index) => {
+    const isAnswered = !!answers.find((answer) => answer.containerIndex === index);
+    response.images = response.images || [];
+
+    if (!isAnswered) {
+      return [
+        ...unanswered,
+        {
+          id: `unanswered-${index}`,
+          value: response.images[0] || '',
+          containerIndex: index,
+          isCorrect: !response.images.length ? undefined : false,
+          hidden: true,
+        },
+      ];
+    }
+
+    return unanswered;
+  }, []);
+};
+
+export const getAnswersCorrectness = (answers, validation) => {
+  const camelizedValidation = camelizeKeys(validation);
+  const {
+    validResponse: { value },
+    altResponses,
+  } = camelizedValidation;
+
+  const allCorrect = getAllCorrectAnswers(answers, value);
+  const uniqueAnswers = getUniqueCorrectAnswers(allCorrect, value);
+  const noOfCorrect = uniqueAnswers.filter((answer) => answer.isCorrect).length;
+
+  // Look for alternate correct responses if there are incorrect responses.
+  if (noOfCorrect < uniqueAnswers.length && altResponses && altResponses.length) {
+    const altUniqueStack = (altResponses || []).map((altResponse) => {
+      const altValue = altResponse.value;
+
+      const altAllCorrect = getAllCorrectAnswers(answers, altValue);
+      return getUniqueCorrectAnswers(altAllCorrect, altValue);
+    });
+    // Return the one with most correct answers.
+    return altUniqueStack.sort((a, b) => b.filter((c) => c.isCorrect).length - a.filter((c) => c.isCorrect).length)[0];
+  }
+  return uniqueAnswers;
+};

package/src/index.iife.ts

@@ -0,0 +1,16 @@
+/**
+ * IIFE entry point for image-cloze-association element
+ * This file is only used for IIFE builds and includes auto-registration
+ *
+ * @sync-generated - Auto-generated during sync from pie-elements
+ */
+
+import Element from './index.js';
+
+// Auto-register the custom element for IIFE mode
+if (typeof window !== 'undefined' && !customElements.get('image-cloze-association-element')) {
+  customElements.define('image-cloze-association-element', Element);
+}
+
+// Export for IIFE global
+export default Element;

package/src/index.ts

@@ -0,0 +1 @@
+export { default } from './delivery/index.js';