eat-js-sdk 0.0.1 → 0.0.2

package/dist/eat-prompt-builder.mjs

@@ -3,6 +3,14 @@
   // node_modules/svelte/src/runtime/internal/utils.js
   function noop() {
   }
+  function assign(tar, src) {
+    for (const k in src)
+      tar[k] = src[k];
+    return (
+      /** @type {T & S} */
+      tar
+    );
+  }
   function run(fn) {
     return fn();
   }
@@ -21,6 +29,28 @@
   function is_empty(obj) {
     return Object.keys(obj).length === 0;
   }
+  function subscribe(store, ...callbacks) {
+    if (store == null) {
+      for (const callback of callbacks) {
+        callback(void 0);
+      }
+      return noop;
+    }
+    const unsub = store.subscribe(...callbacks);
+    return unsub.unsubscribe ? () => unsub.unsubscribe() : unsub;
+  }
+  function get_store_value(store) {
+    let value;
+    subscribe(store, (_) => value = _)();
+    return value;
+  }
+  function exclude_internal_props(props) {
+    const result = {};
+    for (const k in props)
+      if (k[0] !== "$")
+        result[k] = props[k];
+    return result;
+  }
 
   // node_modules/svelte/src/runtime/internal/globals.js
   var globals = typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : (
@@ -154,6 +184,9 @@
   function children(element2) {
     return Array.from(element2.childNodes);
   }
+  function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
+    return new CustomEvent(type, { detail, bubbles, cancelable });
+  }
   function get_custom_elements_slots(element2) {
     const result = {};
     element2.childNodes.forEach(
@@ -170,6 +203,30 @@
   function set_current_component(component) {
     current_component = component;
   }
+  function get_current_component() {
+    if (!current_component)
+      throw new Error("Function called outside component initialization");
+    return current_component;
+  }
+  function createEventDispatcher() {
+    const component = get_current_component();
+    return (type, detail, { cancelable = false } = {}) => {
+      const callbacks = component.$$.callbacks[type];
+      if (callbacks) {
+        const event = custom_event(
+          /** @type {string} */
+          type,
+          detail,
+          { cancelable }
+        );
+        callbacks.slice().forEach((fn) => {
+          fn.call(component, event);
+        });
+        return !event.defaultPrevented;
+      }
+      return true;
+    };
+  }
 
   // node_modules/svelte/src/runtime/internal/scheduler.js
   var dirty_components = [];
@@ -249,6 +306,20 @@
   // node_modules/svelte/src/runtime/internal/transitions.js
   var outroing = /* @__PURE__ */ new Set();
   var outros;
+  function group_outros() {
+    outros = {
+      r: 0,
+      c: [],
+      p: outros
+      // parent group
+    };
+  }
+  function check_outros() {
+    if (!outros.r) {
+      run_all(outros.c);
+    }
+    outros = outros.p;
+  }
   function transition_in(block, local) {
     if (block && block.i) {
       outroing.delete(block);
@@ -348,7 +419,7 @@
     }
     component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
   }
-  function init(component, options, instance3, create_fragment3, not_equal, props, append_styles2 = null, dirty = [-1]) {
+  function init(component, options, instance3, create_fragment4, not_equal, props, append_styles2 = null, dirty = [-1]) {
     const parent_component = current_component;
     set_current_component(component);
     const $$ = component.$$ = {
@@ -387,7 +458,7 @@
     $$.update();
     ready = true;
     run_all($$.before_update);
-    $$.fragment = create_fragment3 ? create_fragment3($$.ctx) : false;
+    $$.fragment = create_fragment4 ? create_fragment4($$.ctx) : false;
     if (options.target) {
       if (options.hydrate) {
         start_hydrating();
@@ -694,6 +765,94 @@
   if (typeof window !== "undefined")
     (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(PUBLIC_VERSION);
 
+  // node_modules/svelte/src/runtime/store/index.js
+  var subscriber_queue = [];
+  function writable(value, start = noop) {
+    let stop;
+    const subscribers = /* @__PURE__ */ new Set();
+    function set(new_value) {
+      if (safe_not_equal(value, new_value)) {
+        value = new_value;
+        if (stop) {
+          const run_queue = !subscriber_queue.length;
+          for (const subscriber of subscribers) {
+            subscriber[1]();
+            subscriber_queue.push(subscriber, value);
+          }
+          if (run_queue) {
+            for (let i = 0; i < subscriber_queue.length; i += 2) {
+              subscriber_queue[i][0](subscriber_queue[i + 1]);
+            }
+            subscriber_queue.length = 0;
+          }
+        }
+      }
+    }
+    function update2(fn) {
+      set(fn(value));
+    }
+    function subscribe2(run2, invalidate = noop) {
+      const subscriber = [run2, invalidate];
+      subscribers.add(subscriber);
+      if (subscribers.size === 1) {
+        stop = start(set, update2) || noop;
+      }
+      run2(value);
+      return () => {
+        subscribers.delete(subscriber);
+        if (subscribers.size === 0 && stop) {
+          stop();
+          stop = null;
+        }
+      };
+    }
+    return { set, update: update2, subscribe: subscribe2 };
+  }
+
+  // src/lib/stores/setup.ts
+  var baseUrl = writable(null);
+  var appToken = writable(null);
+
+  // src/lib/stores/general.ts
+  var skipUserValidation = writable(false);
+
+  // src/lib/composables/useSetup.ts
+  var useSetupAPI = () => {
+    const eatSetupConfig = window.eatSDK;
+    if (!eatSetupConfig) {
+      return;
+    }
+    const { setup, general } = eatSetupConfig.config;
+    if (setup) {
+      const { base_url: baseURL, app_secret: appSecret } = setup;
+      baseUrl.set(String(baseURL));
+      appToken.set(String(appSecret));
+    }
+    if (general) {
+      const { skip_user_validation: skipValidation } = general;
+      skipUserValidation.set(Boolean(skipValidation));
+    }
+  };
+
+  // src/lib/composables/useBaseFetch.ts
+  var getBaseUrl = (url) => `${get_store_value(baseUrl)}/${url}`;
+  var getHeaders = (otherHeaders = {}) => {
+    return { Authorization: `Bearer ${get_store_value(appToken)}`, ...otherHeaders };
+  };
+  var useGet = async (url) => {
+    const response = await fetch(getBaseUrl(url), { headers: getHeaders() });
+    return await response.json();
+  };
+  var usePatch = async (url, body) => {
+    const headers = getHeaders({ "Content-type": "application/json" });
+    const response = await fetch(getBaseUrl(url), {
+      method: "PATCH",
+      headers,
+      body: JSON.stringify(body)
+    });
+    return await response.json();
+  };
+
   // src/lib/composables/useMCQ.ts
   var useAlphabetEquivalent = (index) => {
     const alphabetArr = [
@@ -731,59 +890,40 @@
   // src/lib/components/prompt/mcq/PromptMCQ.svelte
   function get_each_context(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[8] = list[i].id;
-    child_ctx[9] = list[i].answer;
-    child_ctx[11] = i;
+    child_ctx[11] = list[i][0];
+    child_ctx[12] = list[i][1];
+    child_ctx[14] = i;
     return child_ctx;
   }
   function create_if_block(ctx) {
-    let div2;
-    let p0;
-    let t1;
-    let p1;
-    let t3;
-    let div0;
-    let t4;
     let div1;
-    let each_value = ensure_array_like(
+    let div0;
+    let div0_class_value;
+    let t;
+    let each_value = ensure_array_like(Object.entries(
       /*options*/
       ctx[4]
-    );
+    ));
     let each_blocks = [];
     for (let i = 0; i < each_value.length; i += 1) {
       each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
     }
     return {
       c() {
-        div2 = element("div");
-        p0 = element("p");
-        p0.textContent = `${/*rubric*/
-        ctx[2].text}`;
-        t1 = space();
-        p1 = element("p");
-        p1.textContent = `${/*prompt*/
-        ctx[3]}`;
-        t3 = space();
-        div0 = element("div");
-        t4 = space();
         div1 = element("div");
+        div0 = element("div");
+        t = space();
         for (let i = 0; i < each_blocks.length; i += 1) {
           each_blocks[i].c();
         }
-        attr(p0, "class", "h5 mb-2 md:mb-4");
-        attr(p1, "class", "h5 font-semibold");
-        attr(div0, "class", "divider my-6");
-        attr(div2, "class", "bg-transparent");
+        attr(div0, "class", div0_class_value = /*isDataSaving*/
+        ctx[0] ? "absolute inset-0 bg-transparent z-50" : "");
+        attr(div1, "class", "relative");
       },
       m(target, anchor) {
-        insert(target, div2, anchor);
-        append(div2, p0);
-        append(div2, t1);
-        append(div2, p1);
-        append(div2, t3);
-        append(div2, div0);
-        append(div2, t4);
-        append(div2, div1);
+        insert(target, div1, anchor);
+        append(div1, div0);
+        append(div1, t);
         for (let i = 0; i < each_blocks.length; i += 1) {
           if (each_blocks[i]) {
             each_blocks[i].m(div1, null);
@@ -791,12 +931,17 @@
         }
       },
       p(ctx2, dirty) {
-        if (dirty & /*options, selectedOption, handleOptionClick*/
+        if (dirty & /*isDataSaving*/
+        1 && div0_class_value !== (div0_class_value = /*isDataSaving*/
+        ctx2[0] ? "absolute inset-0 bg-transparent z-50" : "")) {
+          attr(div0, "class", div0_class_value);
+        }
+        if (dirty & /*Object, options, selectedOption, handleOptionClick*/
         50) {
-          each_value = ensure_array_like(
+          each_value = ensure_array_like(Object.entries(
             /*options*/
             ctx2[4]
-          );
+          ));
           let i;
           for (i = 0; i < each_value.length; i += 1) {
             const child_ctx = get_each_context(ctx2, each_value, i);
@@ -816,7 +961,7 @@
       },
       d(detaching) {
         if (detaching) {
-          detach(div2);
+          detach(div1);
         }
         destroy_each(each_blocks, detaching);
       }
@@ -827,8 +972,8 @@
     let span;
     let t1;
     let t2_value = (
-      /*answer*/
-      ctx[9] + ""
+      /*option*/
+      ctx[12].answer + ""
     );
     let t2;
     let t3;
@@ -839,9 +984,9 @@
     function click_handler() {
       return (
         /*click_handler*/
-        ctx[6](
-          /*id*/
-          ctx[8]
+        ctx[7](
+          /*option*/
+          ctx[12]
         )
       );
     }
@@ -851,7 +996,7 @@
         span = element("span");
         span.textContent = `${useMCQ_default(
           /*index*/
-          ctx[11]
+          ctx[14]
         )}`;
         t1 = space();
         t2 = text(t2_value);
@@ -859,12 +1004,12 @@
         attr(span, "class", "choice group-active:border-2 group-active:border-blue-1000 group-active:p-[7px]");
         attr(button, "aria-label", button_aria_label_value = `Option ${useMCQ_default(
           /*index*/
-          ctx[11]
-        )}: ${/*answer*/
-        ctx[9]}`);
+          ctx[14]
+        )}: ${/*option*/
+        ctx[12].answer}`);
         attr(button, "class", button_class_value = "btn-mcq-option group " + /*selectedOption*/
-        (ctx[1] === /*id*/
-        ctx[8] ? "selected" : ""));
+        (ctx[1] === /*option*/
+        ctx[12].id ? "selected" : ""));
       },
       m(target, anchor) {
         insert(target, button, anchor);
@@ -881,8 +1026,8 @@
         ctx = new_ctx;
         if (dirty & /*selectedOption*/
         2 && button_class_value !== (button_class_value = "btn-mcq-option group " + /*selectedOption*/
-        (ctx[1] === /*id*/
-        ctx[8] ? "selected" : ""))) {
+        (ctx[1] === /*option*/
+        ctx[12].id ? "selected" : ""))) {
           attr(button, "class", button_class_value);
         }
       },
@@ -896,102 +1041,204 @@
     };
   }
   function create_fragment(ctx) {
-    let if_block_anchor;
+    let div1;
+    let p0;
+    let t1;
+    let p1;
+    let t3;
+    let div0;
+    let t4;
     let if_block = (
-      /*promptData*/
-      ctx[0] && create_if_block(ctx)
+      /*options*/
+      ctx[4] && create_if_block(ctx)
     );
     return {
       c() {
+        div1 = element("div");
+        p0 = element("p");
+        p0.textContent = `${/*rubric*/
+        ctx[2].text}`;
+        t1 = space();
+        p1 = element("p");
+        p1.textContent = `${/*prompt*/
+        ctx[3]}`;
+        t3 = space();
+        div0 = element("div");
+        t4 = space();
         if (if_block)
           if_block.c();
-        if_block_anchor = empty();
+        attr(p0, "class", "h5 mb-2 md:mb-4");
+        attr(p1, "class", "h5 font-semibold");
+        attr(div0, "class", "divider my-6");
+        attr(div1, "class", "bg-transparent");
       },
       m(target, anchor) {
+        insert(target, div1, anchor);
+        append(div1, p0);
+        append(div1, t1);
+        append(div1, p1);
+        append(div1, t3);
+        append(div1, div0);
+        append(div1, t4);
         if (if_block)
-          if_block.m(target, anchor);
-        insert(target, if_block_anchor, anchor);
+          if_block.m(div1, null);
       },
       p(ctx2, [dirty]) {
         if (
-          /*promptData*/
-          ctx2[0]
-        ) {
-          if (if_block) {
-            if_block.p(ctx2, dirty);
-          } else {
-            if_block = create_if_block(ctx2);
-            if_block.c();
-            if_block.m(if_block_anchor.parentNode, if_block_anchor);
-          }
-        } else if (if_block) {
-          if_block.d(1);
-          if_block = null;
-        }
+          /*options*/
+          ctx2[4]
+        )
+          if_block.p(ctx2, dirty);
       },
       i: noop,
       o: noop,
       d(detaching) {
         if (detaching) {
-          detach(if_block_anchor);
+          detach(div1);
         }
         if (if_block)
-          if_block.d(detaching);
+          if_block.d();
       }
     };
   }
   function instance($$self, $$props, $$invalidate) {
-    let { promptData } = $$props;
-    const { rubric, interaction } = promptData;
+    let { sessionData } = $$props;
+    let { isDataSaving } = $$props;
+    const { rubric, interaction, metadata } = sessionData;
     const { prompt, options } = interaction;
     let selectedOption;
-    const handleOptionClick = (option) => {
-      $$invalidate(1, selectedOption = option);
+    const dispatch = createEventDispatcher();
+    if (metadata) {
+      const { events } = metadata.interactions;
+      const currentOption = events.pop();
+      const { answer_id: answerChoiceId } = currentOption;
+      selectedOption = answerChoiceId;
+    }
+    const handleOptionClick = (optionId, option) => {
+      if (isDataSaving || optionId === selectedOption)
+        return;
+      $$invalidate(1, selectedOption = optionId);
+      dispatch("saveOption", {
+        answerChoiceId: optionId,
+        answerChoice: option
+      });
     };
-    const click_handler = (id) => handleOptionClick(id);
+    const click_handler = (option) => handleOptionClick(option.id, option.answer);
     $$self.$$set = ($$props2) => {
-      if ("promptData" in $$props2)
-        $$invalidate(0, promptData = $$props2.promptData);
+      if ("sessionData" in $$props2)
+        $$invalidate(6, sessionData = $$props2.sessionData);
+      if ("isDataSaving" in $$props2)
+        $$invalidate(0, isDataSaving = $$props2.isDataSaving);
     };
     return [
-      promptData,
+      isDataSaving,
       selectedOption,
       rubric,
       prompt,
       options,
       handleOptionClick,
+      sessionData,
       click_handler
     ];
   }
   var PromptMCQ = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance, create_fragment, safe_not_equal, { promptData: 0 });
+      init(this, options, instance, create_fragment, safe_not_equal, { sessionData: 6, isDataSaving: 0 });
     }
-    get promptData() {
+    get sessionData() {
+      return this.$$.ctx[6];
+    }
+    set sessionData(sessionData) {
+      this.$$set({ sessionData });
+      flush();
+    }
+    get isDataSaving() {
       return this.$$.ctx[0];
     }
-    set promptData(promptData) {
-      this.$$set({ promptData });
+    set isDataSaving(isDataSaving) {
+      this.$$set({ isDataSaving });
       flush();
     }
   };
-  customElements.define("prompt-mcq", create_custom_element(PromptMCQ, { "promptData": {} }, [], [], true));
+  customElements.define("prompt-mcq", create_custom_element(PromptMCQ, { "sessionData": {}, "isDataSaving": {} }, [], [], true));
   var PromptMCQ_default = PromptMCQ;
 
+  // src/lib/components/prompt/skeleton/PromptSkeleton.svelte
+  function create_fragment2(ctx) {
+    let div3;
+    return {
+      c() {
+        div3 = element("div");
+        div3.innerHTML = `<div class="animate-skeleton w-full h-6 mb-2 rounded md:mb-4"></div> <div class="animate-skeleton w-full h-6 mb-12 rounded"></div> <div class="animate-skeleton w-full h-52 rounded"></div>`;
+      },
+      m(target, anchor) {
+        insert(target, div3, anchor);
+      },
+      p: noop,
+      i: noop,
+      o: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(div3);
+        }
+      }
+    };
+  }
+  var PromptSkeleton = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, null, create_fragment2, safe_not_equal, {});
+    }
+  };
+  customElements.define("prompt-skeleton", create_custom_element(PromptSkeleton, {}, [], [], true));
+  var PromptSkeleton_default = PromptSkeleton;
+
   // src/lib/components/prompt/PromptBuilder.svelte
   function add_css(target) {
-    append_styles(target, "svelte-hlbios", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish, sans-serif}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.h5{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(251 217 27/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 250/var(--tw-bg-opacity));border-color:rgb(218 224 224/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;line-height:1.5rem;margin-bottom:1rem;max-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-mcq-option>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 224 224/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(93 99 107/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-mcq-option.selected{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.btn-mcq-option.selected,.btn-mcq-option.selected>.choice{border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>.choice{--tw-border-opacity:1}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.mb-2{margin-bottom:0.5rem}.bg-transparent{background-color:transparent}.font-semibold{font-weight:600}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(8 38 99/var(--tw-border-opacity))}.group:active .group-active\\:p-\\[7px\\]{padding:7px}@media(min-width: 732px){.md\\:mb-4{margin-bottom:1rem}}');
+    append_styles(target, "svelte-1mk0xi4", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish, sans-serif}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.h5{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(107 121 121/var(--tw-border-opacity))}@keyframes svelte-1mk0xi4-pulse{50%{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-1mk0xi4-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 250/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;line-height:1.5rem;margin-bottom:1rem;max-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-mcq-option>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(93 99 107/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-mcq-option.selected{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.btn-mcq-option.selected,.btn-mcq-option.selected>.choice{border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>.choice{--tw-border-opacity:1}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-50{z-index:50}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.h-52{height:13rem}.h-6{height:1.5rem}.w-full{width:100%}.rounded{border-radius:0.25rem}.border-2{border-width:2px}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.p-2{padding:0.5rem}.font-semibold{font-weight:600}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(8 38 99/var(--tw-border-opacity))}.group:active .group-active\\:p-\\[7px\\]{padding:7px}@media(min-width: 732px){.md\\:mb-4{margin-bottom:1rem}}');
   }
-  function create_fragment2(ctx) {
+  function create_else_block(ctx) {
+    let p;
+    return {
+      c() {
+        p = element("p");
+        p.textContent = "Invalid session id.";
+        attr(p, "class", "p-2 border-2 border-red-600 bg-red-200 rounded");
+      },
+      m(target, anchor) {
+        insert(target, p, anchor);
+      },
+      p: noop,
+      i: noop,
+      o: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(p);
+        }
+      }
+    };
+  }
+  function create_if_block_1(ctx) {
     let promptmcq;
     let current;
     promptmcq = new PromptMCQ_default({
-      props: { promptData: (
-        /*promptData*/
-        ctx[0]
-      ) }
+      props: {
+        sessionData: (
+          /*sessionData*/
+          ctx[0]
+        ),
+        isDataSaving: (
+          /*isDataSaving*/
+          ctx[2]
+        )
+      }
     });
+    promptmcq.$on(
+      "saveOption",
+      /*saveOption*/
+      ctx[3]
+    );
     return {
       c() {
         create_component(promptmcq.$$.fragment);
@@ -1000,12 +1247,16 @@
         mount_component(promptmcq, target, anchor);
         current = true;
       },
-      p(ctx2, [dirty]) {
+      p(ctx2, dirty) {
         const promptmcq_changes = {};
-        if (dirty & /*promptData*/
+        if (dirty & /*sessionData*/
         1)
-          promptmcq_changes.promptData = /*promptData*/
+          promptmcq_changes.sessionData = /*sessionData*/
           ctx2[0];
+        if (dirty & /*isDataSaving*/
+        4)
+          promptmcq_changes.isDataSaving = /*isDataSaving*/
+          ctx2[2];
         promptmcq.$set(promptmcq_changes);
       },
       i(local) {
@@ -1023,46 +1274,160 @@
       }
     };
   }
-  function instance2($$self, $$props, $$invalidate) {
-    let promptData;
-    promptData = {
-      id: "1o8Y8EU924llb7WoDf1hGq",
-      title: "Contentful Item 1",
-      stimulus: {
-        id: "7F6ErzqqHaFIsK6Pskf2eT",
-        text: "Visual depiction of 1 + 1",
-        media: { id: "7bmwhzN1eB4M75Rrsdc0fu" }
+  function create_if_block2(ctx) {
+    let promptskeleton;
+    let current;
+    promptskeleton = new PromptSkeleton_default({});
+    return {
+      c() {
+        create_component(promptskeleton.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(promptskeleton, target, anchor);
+        current = true;
+      },
+      p: noop,
+      i(local) {
+        if (current)
+          return;
+        transition_in(promptskeleton.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(promptskeleton.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(promptskeleton, detaching);
+      }
+    };
+  }
+  function create_fragment3(ctx) {
+    let current_block_type_index;
+    let if_block;
+    let if_block_anchor;
+    let current;
+    const if_block_creators = [create_if_block2, create_if_block_1, create_else_block];
+    const if_blocks = [];
+    function select_block_type(ctx2, dirty) {
+      if (
+        /*isDataFetching*/
+        ctx2[1]
+      )
+        return 0;
+      if (
+        /*sessionData*/
+        ctx2[0]
+      )
+        return 1;
+      return 2;
+    }
+    current_block_type_index = select_block_type(ctx, -1);
+    if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    return {
+      c() {
+        if_block.c();
+        if_block_anchor = empty();
       },
-      rubric: {
-        id: "4UU4qp6yrns0cX4Y3x40Di",
-        text: "Translate the Latin word"
+      m(target, anchor) {
+        if_blocks[current_block_type_index].m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+        current = true;
       },
-      interaction: {
-        id: "6LzMOGT2Xof94mNwT4FLLP",
-        type: "Multiple Choice",
-        prompt: "f\u0101bula (noun)",
-        options: [
-          {
-            id: "4SA8hlp5rAcUSYSJlAKBRI",
-            answer: "play, story"
-          },
-          {
-            id: "jnbcqJEUvNGc45VQ9lP71",
-            answer: "noise, shouting"
-          },
-          {
-            id: "jnbcqJEUvNGc45VQ9l111",
-            answer: "young person"
+      p(ctx2, [dirty]) {
+        let previous_block_index = current_block_type_index;
+        current_block_type_index = select_block_type(ctx2, dirty);
+        if (current_block_type_index === previous_block_index) {
+          if_blocks[current_block_type_index].p(ctx2, dirty);
+        } else {
+          group_outros();
+          transition_out(if_blocks[previous_block_index], 1, 1, () => {
+            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](ctx2);
+            if_block.c();
+          } else {
+            if_block.p(ctx2, dirty);
           }
-        ]
+          transition_in(if_block, 1);
+          if_block.m(if_block_anchor.parentNode, if_block_anchor);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(if_block_anchor);
+        }
+        if_blocks[current_block_type_index].d(detaching);
+      }
+    };
+  }
+  function instance2($$self, $$props, $$invalidate) {
+    const { "session-id": sessionId } = $$props;
+    useSetupAPI();
+    let sessionData;
+    let isDataFetching = true;
+    let isDataSaving = false;
+    const skipUserValidationStr = get_store_value(skipUserValidation) ? "?skip_user_validation=true" : "";
+    const getSessionData = async (sessionId2) => {
+      try {
+        const { data } = await useGet(`sessions/${sessionId2}${skipUserValidationStr}`);
+        const { item_id: itemId, metadata } = data;
+        if (itemId) {
+          await getItemData(itemId, metadata);
+        }
+      } catch (error) {
+        $$invalidate(1, isDataFetching = false);
+      }
+    };
+    const getItemData = async (itemId, metadata) => {
+      try {
+        const { data } = await useGet(`items/${itemId}`);
+        $$invalidate(0, sessionData = { ...data, metadata });
+      } catch (error) {
+      } finally {
+        $$invalidate(1, isDataFetching = false);
       }
     };
-    return [promptData];
+    const saveOption = async ({ detail }) => {
+      $$invalidate(2, isDataSaving = true);
+      try {
+        const { answerChoiceId, answerChoice } = detail;
+        await usePatch(`sessions/${sessionId}${skipUserValidationStr}`, {
+          answer_id: answerChoiceId,
+          answer_choice: answerChoice
+        });
+      } catch (error) {
+        $$invalidate(2, isDataSaving = false);
+      } finally {
+        $$invalidate(2, isDataSaving = false);
+      }
+    };
+    if (sessionId) {
+      getSessionData(sessionId);
+    }
+    $$self.$$set = ($$new_props) => {
+      $$invalidate(8, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
+    };
+    $$props = exclude_internal_props($$props);
+    return [sessionData, isDataFetching, isDataSaving, saveOption];
   }
   var PromptBuilder = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance2, create_fragment2, safe_not_equal, {}, add_css);
+      init(this, options, instance2, create_fragment3, safe_not_equal, {}, add_css);
     }
   };
   customElements.define("prompt-builder", create_custom_element(PromptBuilder, {}, [], [], true));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "eat-js-sdk",
-	"version": "0.0.1",
+	"version": "0.0.2",
 	"description": "Authoring tool frontend SDK",
   "contributors": [
     {