eat-js-sdk 0.0.39 → 0.0.41

package/dist/eat-prompt-builder.mjs

@@ -5331,7 +5331,8 @@
     openCategoryContainer: [],
     currentWordBinIndex: 0,
     currentTabContainer: "",
-    lastSelectedTabContainer: ""
+    lastSelectedTabContainer: "",
+    selectedItemName: ""
   });
 
   // src/lib/assets/img/product/GripVertical.svelte
@@ -5598,13 +5599,15 @@
         categoriseSettings.set({
           ...storeCategoriseSettings,
           selectedItemId: itemId,
-          sourceSelectedContainerId: containerId
+          sourceSelectedContainerId: containerId,
+          selectedItemName: word
         });
       } else if (currentSelectedItemId === itemId) {
         categoriseSettings.set({
           ...storeCategoriseSettings,
           selectedItemId: "",
-          sourceSelectedContainerId: ""
+          sourceSelectedContainerId: "",
+          selectedItemName: ""
         });
       }
       setTimeout(
@@ -6904,7 +6907,8 @@
         attr(button2, "aria-label", "Reset");
         attr(button2, "class", "focus-ring w-full py-2 px-3 text-white text-base leading-4 rounded-lg font-bold border-2 border-blue-1000 bg-soft-blue hover:bg-yellow-1000 hover:text-charcoal active:bg-yellow-1100 active:text-charcoal md:w-fit");
         attr(div1, "class", "flex flex-col-reverse items-center space-y-2 space-y-reverse md:justify-between md:flex-row md:space-y-0");
-        attr(div2, "class", "absolute inset-y-0 right-4 left-4 w-fit h-fit m-auto bg-white p-6 max-w-[400px] shadow-md rounded-lg md:inset-0");
+        attr(div2, "tabindex", "0");
+        attr(div2, "class", "absolute inset-y-0 right-4 left-4 w-fit h-fit m-auto bg-white p-6 max-w-[400px] shadow-md rounded-lg focus-visible:outline-none md:inset-0");
       },
       m(target, anchor) {
         insert(target, div2, anchor);
@@ -6923,6 +6927,7 @@
         append(div1, button1);
         append(div1, t7);
         append(div1, button2);
+        ctx[3](div2);
         current = true;
         if (!mounted) {
           dispose = [
@@ -6930,19 +6935,19 @@
               button0,
               "click",
               /*closeResetModal*/
-              ctx[0]
+              ctx[1]
             ),
             listen(
               button1,
               "click",
               /*closeResetModal*/
-              ctx[0]
+              ctx[1]
             ),
             listen(
               button2,
               "click",
               /*resetCategories*/
-              ctx[1]
+              ctx[2]
             )
           ];
           mounted = true;
@@ -6967,6 +6972,7 @@
         }
         destroy_component(alerticon);
         destroy_component(crossicon);
+        ctx[3](null);
         mounted = false;
         run_all(dispose);
       }
@@ -6991,8 +6997,8 @@
       },
       p(ctx2, [dirty]) {
         const commonmodal_changes = {};
-        if (dirty & /*$$scope*/
-        8) {
+        if (dirty & /*$$scope, categoryModal*/
+        65) {
           commonmodal_changes.$$scope = { dirty, ctx: ctx2 };
         }
         commonmodal.$set(commonmodal_changes);
@@ -7012,7 +7018,18 @@
       }
     };
   }
-  function instance8($$self) {
+  function instance8($$self, $$props, $$invalidate) {
+    let categoryModal;
+    const { isModalOpen } = get_store_value(modalSettings);
+    if (isModalOpen) {
+      setTimeout(
+        () => {
+          categoryModal.focus();
+          $$invalidate(0, categoryModal.tabIndex = -1, categoryModal);
+        },
+        100
+      );
+    }
     const closeResetModal = () => {
       modalSettings.set({
         ...get_store_value(modalSettings),
@@ -7049,7 +7066,13 @@
       dispatch("resetCategory", { answer_list: [] });
       closeResetModal();
     };
-    return [closeResetModal, resetCategories];
+    function div2_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](() => {
+        categoryModal = $$value;
+        $$invalidate(0, categoryModal);
+      });
+    }
+    return [categoryModal, closeResetModal, resetCategories, div2_binding];
   }
   var PromptCategoriseModal = class extends SvelteComponent {
     constructor(options) {
@@ -7469,19 +7492,19 @@
   // src/lib/components/prompt/categorise/PromptCategorise.svelte
   function get_each_context3(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[45] = list[i];
-    child_ctx[46] = list;
-    child_ctx[47] = i;
+    child_ctx[46] = list[i];
+    child_ctx[47] = list;
+    child_ctx[48] = i;
     return child_ctx;
   }
-  function create_if_block_23(ctx) {
+  function create_if_block_42(ctx) {
     let promptcategorisemodal;
     let current;
     promptcategorisemodal = new PromptCategoriseModal_default({});
     promptcategorisemodal.$on(
       "resetCategory",
       /*saveCategory*/
-      ctx[27]
+      ctx[28]
     );
     return {
       c() {
@@ -7507,7 +7530,7 @@
       }
     };
   }
-  function create_if_block_16(ctx) {
+  function create_if_block_32(ctx) {
     let button;
     let span0;
     let switchicon;
@@ -7548,7 +7571,7 @@
             button,
             "click",
             /*openResetModal*/
-            ctx[22]
+            ctx[23]
           );
           mounted = true;
         }
@@ -7584,6 +7607,44 @@
       }
     };
   }
+  function create_if_block_23(ctx) {
+    let span;
+    let t0;
+    let t1;
+    let t2;
+    return {
+      c() {
+        span = element("span");
+        t0 = text("Option ");
+        t1 = text(
+          /*selectedItemName*/
+          ctx[13]
+        );
+        t2 = text(" added in:\xA0");
+        attr(span, "class", "sr-only");
+      },
+      m(target, anchor) {
+        insert(target, span, anchor);
+        append(span, t0);
+        append(span, t1);
+        append(span, t2);
+      },
+      p(ctx2, dirty) {
+        if (dirty[0] & /*selectedItemName*/
+        8192)
+          set_data(
+            t1,
+            /*selectedItemName*/
+            ctx2[13]
+          );
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(span);
+        }
+      }
+    };
+  }
   function create_else_block3(ctx) {
     let smallchevrondown;
     let current;
@@ -7611,7 +7672,7 @@
       }
     };
   }
-  function create_if_block6(ctx) {
+  function create_if_block_16(ctx) {
     let smallchevronup;
     let current;
     smallchevronup = new SmallChevronUp_default({});
@@ -7641,43 +7702,55 @@
   function create_each_block3(ctx) {
     let div1;
     let div0;
+    let show_if_1 = (
+      /*checkContainerDroppedItem*/
+      ctx[21](
+        /*category*/
+        ctx[46].id,
+        /*dropContainerId*/
+        ctx[3]
+      )
+    );
+    let t0;
     let span0;
-    let t3;
+    let t4;
     let span1;
-    let t5;
+    let t6;
     let button;
     let span2;
-    let t6_value = (
+    let t7_value = (
       /*getTotalWords*/
-      ctx[23](
+      ctx[24](
         /*category*/
-        ctx[45].id,
+        ctx[46].id,
         /*currentAnswer*/
         ctx[6]
       ) + ""
     );
-    let t6;
     let t7;
+    let t8;
     let span3;
     let show_if;
     let current_block_type_index;
-    let if_block;
+    let if_block1;
     let button_aria_label_value;
     let div0_id_value;
+    let div0_aria_live_value;
     let div0_class_value;
     let div0_resize_listener;
-    let t8;
-    let promptcategorisedndcontainer;
     let t9;
+    let promptcategorisedndcontainer;
+    let t10;
     let div1_class_value;
     let category = (
       /*category*/
-      ctx[45]
+      ctx[46]
     );
     let current;
     let mounted;
     let dispose;
-    const if_block_creators = [create_if_block6, create_else_block3];
+    let if_block0 = show_if_1 && create_if_block_23(ctx);
+    const if_block_creators = [create_if_block_16, create_else_block3];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (dirty[0] & /*openCategoryContainer*/
@@ -7685,9 +7758,9 @@
         show_if = null;
       if (show_if == null)
         show_if = !!/*checkifCategoryContainerOpen*/
-        ctx2[24](
+        ctx2[25](
           /*category*/
-          ctx2[45].id,
+          ctx2[46].id,
           /*openCategoryContainer*/
           ctx2[10]
         );
@@ -7696,164 +7769,174 @@
       return 1;
     }
     current_block_type_index = select_block_type(ctx, [-1, -1]);
-    if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     function div0_elementresize_handler() {
-      ctx[32].call(
+      ctx[33].call(
         div0,
         /*category*/
-        ctx[45]
+        ctx[46]
       );
     }
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
       props: {
         containerClass: "content-start !outline-none rounded-lg grow w-full md:p-4\n          " + /*checkContainerDragOver*/
-        (ctx[19](
+        (ctx[20](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*considerContainerId*/
           ctx[1],
           /*isDraggingOver*/
           ctx[2]
         ) ? "bg-violet-100" : "") + "\n          " + /*checkifCategoryContainerOpen*/
-        (ctx[24](
+        (ctx[25](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*openCategoryContainer*/
           ctx[10]
         ) ? "h-full p-3 min-h-[86px] md:min-h-0" : ""),
         paddingTop: (
           /*checkifCategoryContainerOpen*/
-          ctx[24](
+          ctx[25](
             /*category*/
-            ctx[45].id,
+            ctx[46].id,
             /*openCategoryContainer*/
             ctx[10]
           ) || !useIsSmallScreen() ? (
             /*categoryTitleHeight*/
-            ctx[14][
+            ctx[15][
               /*category*/
-              ctx[45].id
+              ctx[46].id
             ] + 16
           ) : (
             /*categoryTitleHeight*/
-            ctx[14][
+            ctx[15][
               /*category*/
-              ctx[45].id
+              ctx[46].id
             ]
           )
         ),
         containerId: (
           /*category*/
-          ctx[45].id
+          ctx[46].id
         ),
         showButton: (
           /*checkifCategoryContainerOpen*/
-          ctx[24](
+          ctx[25](
             /*category*/
-            ctx[45].id,
+            ctx[46].id,
             /*openCategoryContainer*/
             ctx[10]
           )
         ),
         ariaLabel: `Category ${/*index*/
-        ctx[47] + 1}: ${/*category*/
-        ctx[45].name}`
+        ctx[48] + 1}: ${/*category*/
+        ctx[46].name}`
       }
     });
     promptcategorisedndcontainer.$on(
       "saveCategory",
       /*saveCategory*/
-      ctx[27]
+      ctx[28]
     );
     function keydown_handler(...args) {
       return (
         /*keydown_handler*/
-        ctx[33](
+        ctx[34](
           /*category*/
-          ctx[45],
+          ctx[46],
           ...args
         )
       );
     }
     const assign_div1 = () => (
       /*div1_binding*/
-      ctx[34](div1, category)
+      ctx[35](div1, category)
     );
     const unassign_div1 = () => (
       /*div1_binding*/
-      ctx[34](null, category)
+      ctx[35](null, category)
     );
     return {
       c() {
         div1 = element("div");
         div0 = element("div");
+        if (if_block0)
+          if_block0.c();
+        t0 = space();
         span0 = element("span");
         span0.textContent = `Category ${/*index*/
-        ctx[47] + 1}:\xA0`;
-        t3 = space();
+        ctx[48] + 1}:\xA0`;
+        t4 = space();
         span1 = element("span");
         span1.textContent = `${/*category*/
-        ctx[45].name}`;
-        t5 = space();
+        ctx[46].name}`;
+        t6 = space();
         button = element("button");
         span2 = element("span");
-        t6 = text(t6_value);
-        t7 = space();
-        span3 = element("span");
-        if_block.c();
+        t7 = text(t7_value);
         t8 = space();
-        create_component(promptcategorisedndcontainer.$$.fragment);
+        span3 = element("span");
+        if_block1.c();
         t9 = space();
+        create_component(promptcategorisedndcontainer.$$.fragment);
+        t10 = space();
         attr(span0, "class", "sr-only");
         attr(span1, "class", "text-base leading-5 !text-gray-900 md:item-heading");
         attr(span2, "class", "mx-0.5");
         attr(span3, "class", "w-4 h-4 text-inherit flex items-center justify-center");
         attr(button, "aria-label", button_aria_label_value = /*getTotalWords*/
-        ctx[23](
+        ctx[24](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*currentAnswer*/
           ctx[6]
         ));
         attr(button, "class", "focus-ring flex items-center rounded-[32px] p-1.5 text-charcoal text-sm border border-gray-800 bg-gray-50 min-w-[85px] ml-3 whitespace-nowrap active:raw-focus-ring active:bg-black-55 md:hidden");
         attr(div0, "id", div0_id_value = `category-title${/*index*/
-        ctx[47]}`);
+        ctx[48]}`);
+        attr(div0, "aria-live", div0_aria_live_value = /*checkContainerDroppedItem*/
+        ctx[21](
+          /*category*/
+          ctx[46].id,
+          /*dropContainerId*/
+          ctx[3]
+        ) ? "polite" : "off");
         attr(div0, "class", div0_class_value = "absolute flex items-center justify-between border-b border-gray-800 w-full rounded-t-lg p-3 md:p-4 md:justify-center " + /*checkContainerDroppedItem*/
-        (ctx[20](
+        (ctx[21](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*dropContainerId*/
           ctx[3]
         ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[24](
+        ctx[25](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*openCategoryContainer*/
           ctx[10]
         ) && /*checkContainerDragOver*/
-        ctx[19](
+        ctx[20](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*considerContainerId*/
           ctx[1],
           /*isDraggingOver*/
           ctx[2]
         ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[24](
+        (ctx[25](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*openCategoryContainer*/
           ctx[10]
         ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[24](
+        ctx[25](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*openCategoryContainer*/
           ctx[10]
         ) && /*checkSelectedSourceContainer*/
-        ctx[21](
+        ctx[22](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*sourceSelectedContainerId*/
           ctx[5],
           /*currentSelectedItemId*/
@@ -7868,38 +7951,38 @@
         );
         attr(div1, "role", "group");
         attr(div1, "class", div1_class_value = "focus-ring group/itemContainer flex flex-col border border-gray-800 rounded-lg basis-0 grow relative md:min-h-[140px] md:items-center lg:mr-6 lg:last:mr-0 lg:min-h-[224px] " + /*checkContainerDragOver*/
-        (ctx[19](
+        (ctx[20](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*considerContainerId*/
           ctx[1],
           /*isDraggingOver*/
           ctx[2]
         ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[20](
+        (ctx[21](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*dropContainerId*/
           ctx[3]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[20](
+        (ctx[21](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*dropContainerId*/
           ctx[3]
         ) && /*hasAddItemAnimation*/
         ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[21](
+        (ctx[22](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*sourceSelectedContainerId*/
           ctx[5],
           /*currentSelectedItemId*/
           ctx[4]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[24](
+        (ctx[25](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*openCategoryContainer*/
           ctx[10]
         ) ? "min-h-[140px]" : ""));
@@ -7907,20 +7990,23 @@
       m(target, anchor) {
         insert(target, div1, anchor);
         append(div1, div0);
+        if (if_block0)
+          if_block0.m(div0, null);
+        append(div0, t0);
         append(div0, span0);
-        append(div0, t3);
+        append(div0, t4);
         append(div0, span1);
-        append(div0, t5);
+        append(div0, t6);
         append(div0, button);
         append(button, span2);
-        append(span2, t6);
-        append(button, t7);
+        append(span2, t7);
+        append(button, t8);
         append(button, span3);
         if_blocks[current_block_type_index].m(span3, null);
         div0_resize_listener = add_iframe_resize_listener(div0, div0_elementresize_handler.bind(div0));
-        append(div1, t8);
-        mount_component(promptcategorisedndcontainer, div1, null);
         append(div1, t9);
+        mount_component(promptcategorisedndcontainer, div1, null);
+        append(div1, t10);
         assign_div1();
         current = true;
         if (!mounted) {
@@ -7928,16 +8014,16 @@
             listen(button, "click", function() {
               if (is_function(
                 /*addCategoryContainer*/
-                ctx[25](
+                ctx[26](
                   /*category*/
-                  ctx[45].id,
+                  ctx[46].id,
                   /*openCategoryContainer*/
                   ctx[10]
                 )
               ))
-                ctx[25](
+                ctx[26](
                   /*category*/
-                  ctx[45].id,
+                  ctx[46].id,
                   /*openCategoryContainer*/
                   ctx[10]
                 ).apply(this, arguments);
@@ -7947,7 +8033,7 @@
               div1,
               "focus",
               /*resetTabCategory*/
-              ctx[29]
+              ctx[30]
             )
           ];
           mounted = true;
@@ -7955,15 +8041,36 @@
       },
       p(new_ctx, dirty) {
         ctx = new_ctx;
+        if (dirty[0] & /*dropContainerId*/
+        8)
+          show_if_1 = /*checkContainerDroppedItem*/
+          ctx[21](
+            /*category*/
+            ctx[46].id,
+            /*dropContainerId*/
+            ctx[3]
+          );
+        if (show_if_1) {
+          if (if_block0) {
+            if_block0.p(ctx, dirty);
+          } else {
+            if_block0 = create_if_block_23(ctx);
+            if_block0.c();
+            if_block0.m(div0, t0);
+          }
+        } else if (if_block0) {
+          if_block0.d(1);
+          if_block0 = null;
+        }
         if ((!current || dirty[0] & /*currentAnswer*/
-        64) && t6_value !== (t6_value = /*getTotalWords*/
-        ctx[23](
+        64) && t7_value !== (t7_value = /*getTotalWords*/
+        ctx[24](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*currentAnswer*/
           ctx[6]
         ) + ""))
-          set_data(t6, t6_value);
+          set_data(t7, t7_value);
         let previous_block_index = current_block_type_index;
         current_block_type_index = select_block_type(ctx, dirty);
         if (current_block_type_index !== previous_block_index) {
@@ -7972,62 +8079,72 @@
             if_blocks[previous_block_index] = null;
           });
           check_outros();
-          if_block = if_blocks[current_block_type_index];
-          if (!if_block) {
-            if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-            if_block.c();
+          if_block1 = if_blocks[current_block_type_index];
+          if (!if_block1) {
+            if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+            if_block1.c();
           } else {
           }
-          transition_in(if_block, 1);
-          if_block.m(span3, null);
+          transition_in(if_block1, 1);
+          if_block1.m(span3, null);
         }
         if (!current || dirty[0] & /*currentAnswer*/
         64 && button_aria_label_value !== (button_aria_label_value = /*getTotalWords*/
-        ctx[23](
+        ctx[24](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*currentAnswer*/
           ctx[6]
         ))) {
           attr(button, "aria-label", button_aria_label_value);
         }
+        if (!current || dirty[0] & /*dropContainerId*/
+        8 && div0_aria_live_value !== (div0_aria_live_value = /*checkContainerDroppedItem*/
+        ctx[21](
+          /*category*/
+          ctx[46].id,
+          /*dropContainerId*/
+          ctx[3]
+        ) ? "polite" : "off")) {
+          attr(div0, "aria-live", div0_aria_live_value);
+        }
         if (!current || dirty[0] & /*dropContainerId, openCategoryContainer, considerContainerId, isDraggingOver, sourceSelectedContainerId, currentSelectedItemId*/
         1086 && div0_class_value !== (div0_class_value = "absolute flex items-center justify-between border-b border-gray-800 w-full rounded-t-lg p-3 md:p-4 md:justify-center " + /*checkContainerDroppedItem*/
-        (ctx[20](
+        (ctx[21](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*dropContainerId*/
           ctx[3]
         ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[24](
+        ctx[25](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*openCategoryContainer*/
           ctx[10]
         ) && /*checkContainerDragOver*/
-        ctx[19](
+        ctx[20](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*considerContainerId*/
           ctx[1],
           /*isDraggingOver*/
           ctx[2]
         ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[24](
+        (ctx[25](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*openCategoryContainer*/
           ctx[10]
         ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[24](
+        ctx[25](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*openCategoryContainer*/
           ctx[10]
         ) && /*checkSelectedSourceContainer*/
-        ctx[21](
+        ctx[22](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*sourceSelectedContainerId*/
           ctx[5],
           /*currentSelectedItemId*/
@@ -8039,47 +8156,47 @@
         if (dirty[0] & /*considerContainerId, isDraggingOver, openCategoryContainer*/
         1030)
           promptcategorisedndcontainer_changes.containerClass = "content-start !outline-none rounded-lg grow w-full md:p-4\n          " + /*checkContainerDragOver*/
-          (ctx[19](
+          (ctx[20](
             /*category*/
-            ctx[45].id,
+            ctx[46].id,
             /*considerContainerId*/
             ctx[1],
             /*isDraggingOver*/
             ctx[2]
           ) ? "bg-violet-100" : "") + "\n          " + /*checkifCategoryContainerOpen*/
-          (ctx[24](
+          (ctx[25](
             /*category*/
-            ctx[45].id,
+            ctx[46].id,
             /*openCategoryContainer*/
             ctx[10]
           ) ? "h-full p-3 min-h-[86px] md:min-h-0" : "");
         if (dirty[0] & /*openCategoryContainer, categoryTitleHeight*/
-        17408)
+        33792)
           promptcategorisedndcontainer_changes.paddingTop = /*checkifCategoryContainerOpen*/
-          ctx[24](
+          ctx[25](
             /*category*/
-            ctx[45].id,
+            ctx[46].id,
             /*openCategoryContainer*/
             ctx[10]
           ) || !useIsSmallScreen() ? (
             /*categoryTitleHeight*/
-            ctx[14][
+            ctx[15][
               /*category*/
-              ctx[45].id
+              ctx[46].id
             ] + 16
           ) : (
             /*categoryTitleHeight*/
-            ctx[14][
+            ctx[15][
               /*category*/
-              ctx[45].id
+              ctx[46].id
             ]
           );
         if (dirty[0] & /*openCategoryContainer*/
         1024)
           promptcategorisedndcontainer_changes.showButton = /*checkifCategoryContainerOpen*/
-          ctx[24](
+          ctx[25](
             /*category*/
-            ctx[45].id,
+            ctx[46].id,
             /*openCategoryContainer*/
             ctx[10]
           );
@@ -8095,60 +8212,60 @@
         }
         if (!current || dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, openCategoryContainer*/
         1342 && div1_class_value !== (div1_class_value = "focus-ring group/itemContainer flex flex-col border border-gray-800 rounded-lg basis-0 grow relative md:min-h-[140px] md:items-center lg:mr-6 lg:last:mr-0 lg:min-h-[224px] " + /*checkContainerDragOver*/
-        (ctx[19](
+        (ctx[20](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*considerContainerId*/
           ctx[1],
           /*isDraggingOver*/
           ctx[2]
         ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[20](
+        (ctx[21](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*dropContainerId*/
           ctx[3]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[20](
+        (ctx[21](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*dropContainerId*/
           ctx[3]
         ) && /*hasAddItemAnimation*/
         ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[21](
+        (ctx[22](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*sourceSelectedContainerId*/
           ctx[5],
           /*currentSelectedItemId*/
           ctx[4]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[24](
+        (ctx[25](
           /*category*/
-          ctx[45].id,
+          ctx[46].id,
           /*openCategoryContainer*/
           ctx[10]
         ) ? "min-h-[140px]" : ""))) {
           attr(div1, "class", div1_class_value);
         }
         if (category !== /*category*/
-        ctx[45]) {
+        ctx[46]) {
           unassign_div1();
           category = /*category*/
-          ctx[45];
+          ctx[46];
           assign_div1();
         }
       },
       i(local) {
         if (current)
           return;
-        transition_in(if_block);
+        transition_in(if_block1);
         transition_in(promptcategorisedndcontainer.$$.fragment, local);
         current = true;
       },
       o(local) {
-        transition_out(if_block);
+        transition_out(if_block1);
         transition_out(promptcategorisedndcontainer.$$.fragment, local);
         current = false;
       },
@@ -8156,6 +8273,8 @@
         if (detaching) {
           detach(div1);
         }
+        if (if_block0)
+          if_block0.d();
         if_blocks[current_block_type_index].d();
         div0_resize_listener();
         destroy_component(promptcategorisedndcontainer);
@@ -8165,6 +8284,44 @@
       }
     };
   }
+  function create_if_block6(ctx) {
+    let span;
+    let t0;
+    let t1;
+    let t2;
+    return {
+      c() {
+        span = element("span");
+        t0 = text("Option ");
+        t1 = text(
+          /*selectedItemName*/
+          ctx[13]
+        );
+        t2 = text(" added in:\xA0");
+        attr(span, "class", "sr-only");
+      },
+      m(target, anchor) {
+        insert(target, span, anchor);
+        append(span, t0);
+        append(span, t1);
+        append(span, t2);
+      },
+      p(ctx2, dirty) {
+        if (dirty[0] & /*selectedItemName*/
+        8192)
+          set_data(
+            t1,
+            /*selectedItemName*/
+            ctx2[13]
+          );
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(span);
+        }
+      }
+    };
+  }
   function create_default_slot4(ctx) {
     let button0;
     let span0;
@@ -8181,28 +8338,38 @@
     let t7;
     let div4;
     let div2;
+    let show_if = (
+      /*checkContainerDroppedItem*/
+      ctx[21](
+        CONTAINER_WORD_BIN_ID,
+        /*dropContainerId*/
+        ctx[3]
+      )
+    );
+    let t8;
     let span2;
-    let t9;
-    let span3;
     let t10;
+    let span3;
     let t11;
     let t12;
     let t13;
     let t14;
+    let t15;
     let div3;
     let button1;
     let span4;
     let smallchevronleft;
     let button1_class_value;
     let button1_disabled_value;
-    let t15;
-    let promptcategorisedndcontainer;
     let t16;
+    let promptcategorisedndcontainer;
+    let t17;
     let button2;
     let span5;
     let smallchevronright;
     let button2_class_value;
     let button2_disabled_value;
+    let div4_aria_live_value;
     let div4_class_value;
     let current;
     let mounted;
@@ -8210,16 +8377,16 @@
     arrowdowncircle = new ArrowDownCircle_default({});
     let if_block0 = (
       /*isModalOpen*/
-      ctx[9] && create_if_block_23(ctx)
+      ctx[9] && create_if_block_42(ctx)
     );
     let if_block1 = (
       /*totalRemainingWordBinItem*/
       ctx[7] !== /*totalCategoryItems*/
-      ctx[0] && create_if_block_16(ctx)
+      ctx[0] && create_if_block_32(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*categoryGroups*/
-      ctx[18]
+      ctx[19]
     ));
     let each_blocks = [];
     for (let i = 0; i < each_value.length; i += 1) {
@@ -8228,18 +8395,19 @@
     const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
       each_blocks[i] = null;
     });
+    let if_block2 = show_if && create_if_block6(ctx);
     smallchevronleft = new SmallChevronLeft_default({});
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
       props: {
         containerClass: "bg-transparent p-4 pt-[55px] grow md:grow-0 md:pt-20.5 justify-center md:justify-normal\n        " + /*isWordBInTotalZero*/
-        (ctx[26](
+        (ctx[27](
           /*totalRemainingWordBinItem*/
           ctx[7]
         ) && !/*currentSelectedItemId*/
         ctx[4] ? "absolute inset-0" : ""),
         items: (
           /*categoryItems*/
-          ctx[17]
+          ctx[18]
         ),
         containerId: CONTAINER_WORD_BIN_ID,
         ariaLabel: "Word bin"
@@ -8248,7 +8416,7 @@
     promptcategorisedndcontainer.$on(
       "saveCategory",
       /*saveCategory*/
-      ctx[27]
+      ctx[28]
     );
     smallchevronright = new SmallChevronRight_default({});
     return {
@@ -8277,28 +8445,31 @@
         t7 = space();
         div4 = element("div");
         div2 = element("div");
+        if (if_block2)
+          if_block2.c();
+        t8 = space();
         span2 = element("span");
-        span2.textContent = "Word Bin";
-        t9 = space();
+        span2.textContent = "Word Bin:\xA0";
+        t10 = space();
         span3 = element("span");
-        t10 = text(
+        t11 = text(
           /*totalRemainingWordBinItem*/
           ctx[7]
         );
-        t11 = text(" out of ");
-        t12 = text(
+        t12 = text(" out of ");
+        t13 = text(
           /*totalCategoryItems*/
           ctx[0]
         );
-        t13 = text(" left");
-        t14 = space();
+        t14 = text(" left");
+        t15 = space();
         div3 = element("div");
         button1 = element("button");
         span4 = element("span");
         create_component(smallchevronleft.$$.fragment);
-        t15 = space();
-        create_component(promptcategorisedndcontainer.$$.fragment);
         t16 = space();
+        create_component(promptcategorisedndcontainer.$$.fragment);
+        t17 = space();
         button2 = element("button");
         span5 = element("span");
         create_component(smallchevronright.$$.fragment);
@@ -8327,7 +8498,7 @@
         attr(span4, "class", "w-6 h-6 text-inherit flex items-center justify-center");
         attr(button1, "aria-label", "Left");
         attr(button1, "class", button1_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
-        (ctx[26](
+        (ctx[27](
           /*totalRemainingWordBinItem*/
           ctx[7]
         ) ? "hidden" : ""));
@@ -8336,7 +8507,7 @@
         attr(span5, "class", "w-6 h-6 text-inherit flex items-center justify-center ml-[3px]");
         attr(button2, "aria-label", "Right");
         attr(button2, "class", button2_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
-        (ctx[26](
+        (ctx[27](
           /*totalRemainingWordBinItem*/
           ctx[7]
         ) ? "hidden" : ""));
@@ -8350,27 +8521,33 @@
           /*categoryTabIndex*/
           ctx[12]
         );
+        attr(div4, "aria-live", div4_aria_live_value = /*checkContainerDroppedItem*/
+        ctx[21](
+          CONTAINER_WORD_BIN_ID,
+          /*dropContainerId*/
+          ctx[3]
+        ) ? "polite" : "off");
         attr(div4, "role", "group");
         attr(div4, "class", div4_class_value = "focus-ring shadow-[0_-12px_14px_-16px_#00000033] rounded-lg relative min-h-[133px] md:min-h-[164px] md:border md:shadow-[0_0_#0000] md:border-gray-400 " + /*checkContainerDragOver*/
-        (ctx[19](
+        (ctx[20](
           CONTAINER_WORD_BIN_ID,
           /*considerContainerId*/
           ctx[1],
           /*isDraggingOver*/
           ctx[2]
         ) ? "raw-focus-ring bg-violet-100" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[20](
+        (ctx[21](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
           ctx[3]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[20](
+        (ctx[21](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
           ctx[3]
         ) && /*hasAddItemAnimation*/
         ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[21](
+        (ctx[22](
           CONTAINER_WORD_BIN_ID,
           /*sourceSelectedContainerId*/
           ctx[5],
@@ -8403,25 +8580,28 @@
         insert(target, t7, anchor);
         insert(target, div4, anchor);
         append(div4, div2);
+        if (if_block2)
+          if_block2.m(div2, null);
+        append(div2, t8);
         append(div2, span2);
-        append(div2, t9);
+        append(div2, t10);
         append(div2, span3);
-        append(span3, t10);
         append(span3, t11);
         append(span3, t12);
         append(span3, t13);
-        append(div4, t14);
+        append(span3, t14);
+        append(div4, t15);
         append(div4, div3);
         append(div3, button1);
         append(button1, span4);
         mount_component(smallchevronleft, span4, null);
-        append(div3, t15);
-        mount_component(promptcategorisedndcontainer, div3, null);
         append(div3, t16);
+        mount_component(promptcategorisedndcontainer, div3, null);
+        append(div3, t17);
         append(div3, button2);
         append(button2, span5);
         mount_component(smallchevronright, span5, null);
-        ctx[36](div4);
+        ctx[37](div4);
         current = true;
         if (!mounted) {
           dispose = [
@@ -8429,7 +8609,7 @@
               button0,
               "keypress",
               /*goToWordBin*/
-              ctx[30]
+              ctx[31]
             ),
             listen(button1, "click", function() {
               if (is_function(useNavigateItem(
@@ -8467,13 +8647,13 @@
               div4,
               "keydown",
               /*keydown_handler_1*/
-              ctx[35]
+              ctx[36]
             ),
             listen(
               div4,
               "focus",
               /*resetTabCategory*/
-              ctx[29]
+              ctx[30]
             )
           ];
           mounted = true;
@@ -8501,7 +8681,7 @@
               transition_in(if_block0, 1);
             }
           } else {
-            if_block0 = create_if_block_23(ctx);
+            if_block0 = create_if_block_42(ctx);
             if_block0.c();
             transition_in(if_block0, 1);
             if_block0.m(t3.parentNode, t3);
@@ -8525,7 +8705,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block_16(ctx);
+            if_block1 = create_if_block_32(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(div0, null);
@@ -8546,11 +8726,11 @@
             ctx[9]
           );
         }
-        if (dirty[0] & /*categoryTabIndex, checkContainerDragOver, categoryGroups, considerContainerId, isDraggingOver, checkContainerDroppedItem, dropContainerId, hasAddItemAnimation, checkSelectedSourceContainer, sourceSelectedContainerId, currentSelectedItemId, checkifCategoryContainerOpen, openCategoryContainer, tabCategory, getContainerTabSelected, resetTabCategory, categoryTitleHeight, saveCategory, getTotalWords, currentAnswer, addCategoryContainer*/
-        1002206590) {
+        if (dirty[0] & /*categoryTabIndex, checkContainerDragOver, categoryGroups, considerContainerId, isDraggingOver, checkContainerDroppedItem, dropContainerId, hasAddItemAnimation, checkSelectedSourceContainer, sourceSelectedContainerId, currentSelectedItemId, checkifCategoryContainerOpen, openCategoryContainer, tabCategory, getContainerTabSelected, resetTabCategory, categoryTitleHeight, saveCategory, getTotalWords, currentAnswer, addCategoryContainer, selectedItemName*/
+        2004415870) {
           each_value = ensure_array_like(Object.values(
             /*categoryGroups*/
-            ctx[18]
+            ctx[19]
           ));
           let i;
           for (i = 0; i < each_value.length; i += 1) {
@@ -8571,23 +8751,43 @@
           }
           check_outros();
         }
+        if (dirty[0] & /*dropContainerId*/
+        8)
+          show_if = /*checkContainerDroppedItem*/
+          ctx[21](
+            CONTAINER_WORD_BIN_ID,
+            /*dropContainerId*/
+            ctx[3]
+          );
+        if (show_if) {
+          if (if_block2) {
+            if_block2.p(ctx, dirty);
+          } else {
+            if_block2 = create_if_block6(ctx);
+            if_block2.c();
+            if_block2.m(div2, t8);
+          }
+        } else if (if_block2) {
+          if_block2.d(1);
+          if_block2 = null;
+        }
         if (!current || dirty[0] & /*totalRemainingWordBinItem*/
         128)
           set_data(
-            t10,
+            t11,
             /*totalRemainingWordBinItem*/
             ctx[7]
           );
         if (!current || dirty[0] & /*totalCategoryItems*/
         1)
           set_data(
-            t12,
+            t13,
             /*totalCategoryItems*/
             ctx[0]
           );
         if (!current || dirty[0] & /*totalRemainingWordBinItem*/
         128 && button1_class_value !== (button1_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
-        (ctx[26](
+        (ctx[27](
           /*totalRemainingWordBinItem*/
           ctx[7]
         ) ? "hidden" : ""))) {
@@ -8602,7 +8802,7 @@
         if (dirty[0] & /*totalRemainingWordBinItem, currentSelectedItemId*/
         144)
           promptcategorisedndcontainer_changes.containerClass = "bg-transparent p-4 pt-[55px] grow md:grow-0 md:pt-20.5 justify-center md:justify-normal\n        " + /*isWordBInTotalZero*/
-          (ctx[26](
+          (ctx[27](
             /*totalRemainingWordBinItem*/
             ctx[7]
           ) && !/*currentSelectedItemId*/
@@ -8610,7 +8810,7 @@
         promptcategorisedndcontainer.$set(promptcategorisedndcontainer_changes);
         if (!current || dirty[0] & /*totalRemainingWordBinItem*/
         128 && button2_class_value !== (button2_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
-        (ctx[26](
+        (ctx[27](
           /*totalRemainingWordBinItem*/
           ctx[7]
         ) ? "hidden" : ""))) {
@@ -8631,27 +8831,36 @@
             ctx[12]
           );
         }
+        if (!current || dirty[0] & /*dropContainerId*/
+        8 && div4_aria_live_value !== (div4_aria_live_value = /*checkContainerDroppedItem*/
+        ctx[21](
+          CONTAINER_WORD_BIN_ID,
+          /*dropContainerId*/
+          ctx[3]
+        ) ? "polite" : "off")) {
+          attr(div4, "aria-live", div4_aria_live_value);
+        }
         if (!current || dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId*/
         318 && div4_class_value !== (div4_class_value = "focus-ring shadow-[0_-12px_14px_-16px_#00000033] rounded-lg relative min-h-[133px] md:min-h-[164px] md:border md:shadow-[0_0_#0000] md:border-gray-400 " + /*checkContainerDragOver*/
-        (ctx[19](
+        (ctx[20](
           CONTAINER_WORD_BIN_ID,
           /*considerContainerId*/
           ctx[1],
           /*isDraggingOver*/
           ctx[2]
         ) ? "raw-focus-ring bg-violet-100" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[20](
+        (ctx[21](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
           ctx[3]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[20](
+        (ctx[21](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
           ctx[3]
         ) && /*hasAddItemAnimation*/
         ctx[8] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[21](
+        (ctx[22](
           CONTAINER_WORD_BIN_ID,
           /*sourceSelectedContainerId*/
           ctx[5],
@@ -8705,10 +8914,12 @@
         if (if_block1)
           if_block1.d();
         destroy_each(each_blocks, detaching);
+        if (if_block2)
+          if_block2.d();
         destroy_component(smallchevronleft);
         destroy_component(promptcategorisedndcontainer);
         destroy_component(smallchevronright);
-        ctx[36](null);
+        ctx[37](null);
         mounted = false;
         run_all(dispose);
       }
@@ -8721,11 +8932,11 @@
       props: {
         rubric: (
           /*rubric*/
-          ctx[15].text
+          ctx[16].text
         ),
         prompt: (
           /*prompt*/
-          ctx[16]
+          ctx[17]
         ),
         $$slots: { default: [create_default_slot4] },
         $$scope: { ctx }
@@ -8741,9 +8952,9 @@
       },
       p(ctx2, dirty) {
         const promptbody_changes = {};
-        if (dirty[0] & /*categoryTabIndex, considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, tabCategory, totalRemainingWordBinItem, currentWordBinIndex, currentAnswer, totalCategoryItems, openCategoryContainer, categoryTitleHeight, isModalOpen*/
-        32767 | dirty[1] & /*$$scope*/
-        131072) {
+        if (dirty[0] & /*categoryTabIndex, dropContainerId, considerContainerId, isDraggingOver, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, tabCategory, totalRemainingWordBinItem, currentWordBinIndex, currentAnswer, totalCategoryItems, selectedItemName, openCategoryContainer, categoryTitleHeight, isModalOpen*/
+        65535 | dirty[1] & /*$$scope*/
+        262144) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -8780,12 +8991,13 @@
     let openCategoryContainer = [];
     let currentWordBinIndex = [];
     let categoryTabIndex = 0;
+    let selectedItemName = "";
     const { rubric, interaction, metadata } = sessionData;
     const { prompt, category_groups: interactionCategoryGroups, category_items: interactionCategoryItems } = interaction;
     const categoryItems = useFilterUniqueObject(interactionCategoryItems);
     const categoryGroups = useFilterUniqueObject(interactionCategoryGroups);
     const tabCategory = [{ CONTAINER_WORD_BIN_ID: false }];
-    categoryGroups.map((group) => $$invalidate(13, tabCategory[group.id] = false, tabCategory));
+    categoryGroups.map((group) => $$invalidate(14, tabCategory[group.id] = false, tabCategory));
     totalCategoryItems = totalRemainingWordBinItem = Object.keys(categoryItems).length;
     let wordBinItems = categoryItems.map((item) => item.id);
     let initialCategoryAnswer = [
@@ -8796,7 +9008,7 @@
     ];
     let categoryTitleHeight = [];
     categoryGroups.map((category) => {
-      $$invalidate(14, categoryTitleHeight[category.id] = "", categoryTitleHeight);
+      $$invalidate(15, categoryTitleHeight[category.id] = "", categoryTitleHeight);
     });
     if (metadata) {
       const { events } = metadata.interactions;
@@ -8826,7 +9038,7 @@
       $$invalidate(12, categoryTabIndex = storeIsModalOpen ? -1 : 0);
     });
     categoriseSettings.subscribe((value) => {
-      const { considerContainerId: storeConsiderContainerId, isDraggingOver: storeIsDraggingOver, dropContainerId: storeDropContainerId, sourceCloneContainerId: storeSourceCloneContainerId, selectedItemId: storeSelectedItemId, sourceSelectedContainerId: storeSourceSelectedContainerId, currentAnswer: storeCurrentAnswer, hasAddItemAnimation: storeHasAddItemAnimation, openCategoryContainer: storeOpenCategoryContainer, currentWordBinIndex: storeCurrentWordBinIndex, lastSelectedTabContainer } = value;
+      const { considerContainerId: storeConsiderContainerId, isDraggingOver: storeIsDraggingOver, dropContainerId: storeDropContainerId, sourceCloneContainerId: storeSourceCloneContainerId, selectedItemId: storeSelectedItemId, sourceSelectedContainerId: storeSourceSelectedContainerId, currentAnswer: storeCurrentAnswer, hasAddItemAnimation: storeHasAddItemAnimation, openCategoryContainer: storeOpenCategoryContainer, currentWordBinIndex: storeCurrentWordBinIndex, selectedItemName: storeSelectedItemName, lastSelectedTabContainer } = value;
       $$invalidate(1, considerContainerId = storeConsiderContainerId);
       $$invalidate(2, isDraggingOver = storeIsDraggingOver);
       $$invalidate(3, dropContainerId = storeDropContainerId);
@@ -8837,6 +9049,7 @@
       $$invalidate(8, hasAddItemAnimation = storeHasAddItemAnimation);
       $$invalidate(10, openCategoryContainer = storeOpenCategoryContainer);
       $$invalidate(11, currentWordBinIndex = storeCurrentWordBinIndex);
+      $$invalidate(13, selectedItemName = storeSelectedItemName);
       $$invalidate(12, categoryTabIndex = storeSelectedItemId.length ? -1 : 0);
       const storeWordBinItem = currentAnswer.filter((answer) => answer.categoryId === CONTAINER_WORD_BIN_ID);
       $$invalidate(7, totalRemainingWordBinItem = storeWordBinItem[0].itemId.length);
@@ -8903,7 +9116,8 @@
         categoriseSettings.set({
           ...get_store_value(categoriseSettings),
           selectedItemId: "",
-          sourceSelectedContainerId: ""
+          sourceSelectedContainerId: "",
+          selectedItemName: ""
         });
       }
     };
@@ -8919,25 +9133,25 @@
     };
     function div0_elementresize_handler(category) {
       categoryTitleHeight[category.id] = this.clientHeight;
-      $$invalidate(14, categoryTitleHeight);
+      $$invalidate(15, categoryTitleHeight);
     }
     const keydown_handler = (category, { key }) => getContainerTabSelected(key, category.id);
     function div1_binding($$value, category) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         tabCategory[category.id] = $$value;
-        $$invalidate(13, tabCategory);
+        $$invalidate(14, tabCategory);
       });
     }
     const keydown_handler_1 = ({ key }) => getContainerTabSelected(key, CONTAINER_WORD_BIN_ID);
     function div4_binding($$value) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         tabCategory[CONTAINER_WORD_BIN_ID] = $$value;
-        $$invalidate(13, tabCategory);
+        $$invalidate(14, tabCategory);
       });
     }
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(31, sessionData = $$props2.sessionData);
+        $$invalidate(32, sessionData = $$props2.sessionData);
     };
     return [
       totalCategoryItems,
@@ -8953,6 +9167,7 @@
       openCategoryContainer,
       currentWordBinIndex,
       categoryTabIndex,
+      selectedItemName,
       tabCategory,
       categoryTitleHeight,
       rubric,
@@ -8982,10 +9197,10 @@
   var PromptCategorise = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance9, create_fragment20, safe_not_equal, { sessionData: 31 }, null, [-1, -1]);
+      init(this, options, instance9, create_fragment20, safe_not_equal, { sessionData: 32 }, null, [-1, -1]);
     }
     get sessionData() {
-      return this.$$.ctx[31];
+      return this.$$.ctx[32];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -9121,7 +9336,7 @@
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block_24, create_if_block_32, create_if_block_42, create_else_block4];
+    const if_block_creators = [create_if_block_24, create_if_block_33, create_if_block_43, create_else_block4];
     const if_blocks = [];
     function select_block_type_1(ctx2, dirty) {
       if (
@@ -9249,7 +9464,7 @@
       }
     };
   }
-  function create_if_block_42(ctx) {
+  function create_if_block_43(ctx) {
     let promptcategorise;
     let current;
     promptcategorise = new PromptCategorise_default({
@@ -9294,7 +9509,7 @@
       }
     };
   }
-  function create_if_block_32(ctx) {
+  function create_if_block_33(ctx) {
     let prompttypein;
     let current;
     prompttypein = new PromptTypeIn_default({