@aarti_hurix/pepsico-ai-coach 1.0.0

package/README.md

@@ -0,0 +1,29 @@
+# README #
+
+This README would normally document whatever steps are necessary to get your application up and running.
+
+### What is this repository for? ###
+
+* Quick summary
+* Version
+* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
+
+### How do I get set up? ###
+
+* Summary of set up
+* Configuration
+* Dependencies
+* Database configuration
+* How to run tests
+* Deployment instructions
+
+### Contribution guidelines ###
+
+* Writing tests
+* Code review
+* Other guidelines
+
+### Who do I talk to? ###
+
+* Repo owner or admin
+* Other community or team contact

package/dist/AiCoach.d.ts

@@ -0,0 +1,12 @@
+import "./App.scss";
+export type InteractionPayload = {
+    interactionId: string;
+    learnerResponse: string;
+    result: "correct" | "neutral" | "incorrect";
+};
+type AiCoachProps = {
+    onInteraction?: (payload: InteractionPayload) => void;
+};
+export declare function AiCoach({ onInteraction }: AiCoachProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AiCoach.d.ts.map

package/dist/AiCoach.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiCoach.d.ts","sourceRoot":"","sources":["../src/AiCoach.tsx"],"names":[],"mappings":"AAEA,OAAO,YAAY,CAAC;AAOpB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;CAC7C,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACvD,CAAC;AAMF,wBAAgB,OAAO,CAAC,EAAE,aAAa,EAAE,EAAE,YAAY,2CAuDtD"}

package/dist/components/VoiceTextInput.d.ts

@@ -0,0 +1,8 @@
+import './_voiceTextInput.scss';
+type Props = {
+    onSend: (text: string) => void;
+    onReset?: () => void;
+};
+export default function VoiceTextInput({ onSend, onReset }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VoiceTextInput.d.ts.map

package/dist/components/VoiceTextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceTextInput.d.ts","sourceRoot":"","sources":["../../src/components/VoiceTextInput.tsx"],"names":[],"mappings":"AACA,OAAO,wBAAwB,CAAC;AAEhC,KAAK,KAAK,GAAG;IACT,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,KAAK,2CA2EhE"}

package/dist/demo-ai-coach.css

@@ -0,0 +1 @@
+.main-app{padding:1rem;width:40%;justify-content:center;flex-wrap:wrap;flex-direction:column;display:flex;margin:0 auto;align-items:center}h1{text-align:center;color:#003284}.chat-window{display:flex;flex-direction:column;gap:10px;width:90%;height:62vh;padding:1rem;overflow-y:scroll}.chat-window::-webkit-scrollbar{width:4px}.chat-window::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px}.chat-window::-webkit-scrollbar-track{background:transparent}.chat-message{display:flex}.chat-message.sent{justify-content:flex-end}.chat-message.received{justify-content:flex-start}.bubble{max-width:60%;padding:10px 14px;border-radius:12px;font-size:14px}.sent .bubble{background-color:#003284;color:#fff;border-bottom-right-radius:2px}.received .bubble{background-color:#f1f1f1;color:#000;border-bottom-left-radius:2px}.voice-input{display:flex;gap:8px;margin-top:10px;width:90%}.voice-input input{flex:1;padding:10px;border-radius:6px;border:1px solid #ccc}.voice-input input:focus-within,.voice-input input:focus{border:1px solid #003284}.voice-input input:focus-visible{outline:0}.voice-input button{padding:10px 12px;border-radius:6px;border:none;background:#003284;color:#fff;cursor:pointer}.voice-input button:disabled{background:#aaa;cursor:not-allowed}.voice-input button.resetbtn{padding:0;background:transparent;font-size:1.7rem;color:#003284}.voice-input button.listening-btn{background:transparent;border:1px solid #003284}

package/dist/demo-ai-coach.js

@@ -0,0 +1,345 @@
+import te, { useState as W, useRef as ne, useEffect as ae } from "react";
+var k = { exports: {} }, v = {};
+var F;
+function oe() {
+  if (F) return v;
+  F = 1;
+  var u = /* @__PURE__ */ Symbol.for("react.transitional.element"), d = /* @__PURE__ */ Symbol.for("react.fragment");
+  function l(i, n, a) {
+    var m = null;
+    if (a !== void 0 && (m = "" + a), n.key !== void 0 && (m = "" + n.key), "key" in n) {
+      a = {};
+      for (var c in n)
+        c !== "key" && (a[c] = n[c]);
+    } else a = n;
+    return n = a.ref, {
+      $$typeof: u,
+      type: i,
+      key: m,
+      ref: n !== void 0 ? n : null,
+      props: a
+    };
+  }
+  return v.Fragment = d, v.jsx = l, v.jsxs = l, v;
+}
+var b = {};
+var L;
+function se() {
+  return L || (L = 1, process.env.NODE_ENV !== "production" && (function() {
+    function u(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === K ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case S:
+          return "Fragment";
+        case V:
+          return "Profiler";
+        case G:
+          return "StrictMode";
+        case H:
+          return "Suspense";
+        case B:
+          return "SuspenseList";
+        case Q:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case J:
+            return "Portal";
+          case z:
+            return e.displayName || "Context";
+          case q:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case X:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case Z:
+            return r = e.displayName || null, r !== null ? r : u(e.type) || "Memo";
+          case A:
+            r = e._payload, e = e._init;
+            try {
+              return u(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function d(e) {
+      return "" + e;
+    }
+    function l(e) {
+      try {
+        d(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          o
+        ), d(e);
+      }
+    }
+    function i(e) {
+      if (e === S) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === A)
+        return "<...>";
+      try {
+        var r = u(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function n() {
+      var e = j.A;
+      return e === null ? null : e.getOwner();
+    }
+    function a() {
+      return Error("react-stack-top-frame");
+    }
+    function m(e) {
+      if (N.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function c(e, r) {
+      function t() {
+        C || (C = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function p() {
+      var e = u(this.type);
+      return I[e] || (I[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function x(e, r, t, o, h, w) {
+      var s = t.ref;
+      return e = {
+        $$typeof: P,
+        type: e,
+        key: r,
+        props: t,
+        _owner: o
+      }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: p
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: h
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: w
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function _(e, r, t, o, h, w) {
+      var s = r.children;
+      if (s !== void 0)
+        if (o)
+          if (ee(s)) {
+            for (o = 0; o < s.length; o++)
+              R(s[o]);
+            Object.freeze && Object.freeze(s);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else R(s);
+      if (N.call(r, "key")) {
+        s = u(e);
+        var E = Object.keys(r).filter(function(re) {
+          return re !== "key";
+        });
+        o = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", D[s + o] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          o,
+          s,
+          E,
+          s
+        ), D[s + o] = !0);
+      }
+      if (s = null, t !== void 0 && (l(t), s = "" + t), m(r) && (l(r.key), s = "" + r.key), "key" in r) {
+        t = {};
+        for (var O in r)
+          O !== "key" && (t[O] = r[O]);
+      } else t = r;
+      return s && c(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), x(
+        e,
+        s,
+        t,
+        n(),
+        h,
+        w
+      );
+    }
+    function R(e) {
+      y(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === A && (e._payload.status === "fulfilled" ? y(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function y(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === P;
+    }
+    var T = te, P = /* @__PURE__ */ Symbol.for("react.transitional.element"), J = /* @__PURE__ */ Symbol.for("react.portal"), S = /* @__PURE__ */ Symbol.for("react.fragment"), G = /* @__PURE__ */ Symbol.for("react.strict_mode"), V = /* @__PURE__ */ Symbol.for("react.profiler"), q = /* @__PURE__ */ Symbol.for("react.consumer"), z = /* @__PURE__ */ Symbol.for("react.context"), X = /* @__PURE__ */ Symbol.for("react.forward_ref"), H = /* @__PURE__ */ Symbol.for("react.suspense"), B = /* @__PURE__ */ Symbol.for("react.suspense_list"), Z = /* @__PURE__ */ Symbol.for("react.memo"), A = /* @__PURE__ */ Symbol.for("react.lazy"), Q = /* @__PURE__ */ Symbol.for("react.activity"), K = /* @__PURE__ */ Symbol.for("react.client.reference"), j = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, ee = Array.isArray, g = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    T = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var C, I = {}, Y = T.react_stack_bottom_frame.bind(
+      T,
+      a
+    )(), $ = g(i(a)), D = {};
+    b.Fragment = S, b.jsx = function(e, r, t) {
+      var o = 1e4 > j.recentlyCreatedOwnerStacks++;
+      return _(
+        e,
+        r,
+        t,
+        !1,
+        o ? Error("react-stack-top-frame") : Y,
+        o ? g(i(e)) : $
+      );
+    }, b.jsxs = function(e, r, t) {
+      var o = 1e4 > j.recentlyCreatedOwnerStacks++;
+      return _(
+        e,
+        r,
+        t,
+        !0,
+        o ? Error("react-stack-top-frame") : Y,
+        o ? g(i(e)) : $
+      );
+    };
+  })()), b;
+}
+var M;
+function le() {
+  return M || (M = 1, process.env.NODE_ENV === "production" ? k.exports = oe() : k.exports = se()), k.exports;
+}
+var f = le();
+function ce({ onSend: u, onReset: d }) {
+  const [l, i] = W(""), n = ne(null);
+  ae(() => {
+    const c = window.SpeechRecognition || window.webkitSpeechRecognition;
+    if (!c) {
+      console.warn("Speech recognition not supported");
+      return;
+    }
+    const p = new c();
+    p.lang = "en-US", p.continuous = !1, p.interimResults = !1, p.onresult = (x) => {
+      const _ = x.results[0][0].transcript;
+      i((R) => R ? R + " " + _ : _);
+    }, n.current = p;
+  }, []);
+  const a = () => {
+    l.trim() && (u(l.trim()), i(""));
+  }, m = () => {
+    i(""), d?.();
+  };
+  return /* @__PURE__ */ f.jsxs("div", { className: "voice-input", children: [
+    /* @__PURE__ */ f.jsx("button", { onClick: m, className: "resetbtn", title: "Restart conversation", children: "🔄" }),
+    /* @__PURE__ */ f.jsx(
+      "input",
+      {
+        type: "text",
+        placeholder: "Type or speak your response...",
+        value: l,
+        onChange: (c) => i(c.target.value),
+        onKeyDown: (c) => {
+          c.key === "Enter" && l.trim() && (c.preventDefault(), a());
+        }
+      }
+    ),
+    /* @__PURE__ */ f.jsx("button", { onClick: a, disabled: !l.trim(), children: "Send" })
+  ] });
+}
+const U = [
+  { sender: "jordan", text: "I’m Jordan, your AI coach." }
+];
+function ue({ onInteraction: u }) {
+  const [d, l] = W(U), i = (n) => {
+    l((a) => [...a, { sender: "leader", text: n }]), u?.({
+      interactionId: "DP4.2_AI_COACHING_DIALOGUE",
+      learnerResponse: n,
+      result: "neutral"
+    }), setTimeout(() => {
+      l((a) => [
+        ...a,
+        {
+          sender: "jordan",
+          text: "Thanks for talking through the data calmly. That helps."
+        }
+      ]);
+    }, 800);
+  };
+  return /* @__PURE__ */ f.jsxs("div", { className: "main-app", children: [
+    /* @__PURE__ */ f.jsx("h1", { children: "Pepsico AI Coach" }),
+    /* @__PURE__ */ f.jsx("div", { className: "chat-window", children: d.map((n, a) => /* @__PURE__ */ f.jsx(
+      "div",
+      {
+        className: `chat-message ${n.sender === "leader" ? "sent" : "received"}`,
+        children: /* @__PURE__ */ f.jsxs("div", { className: "bubble", children: [
+          /* @__PURE__ */ f.jsxs("b", { children: [
+            n.sender === "leader" ? "Leader" : "Jordan",
+            ":"
+          ] }),
+          " ",
+          n.text
+        ] })
+      },
+      a
+    )) }),
+    /* @__PURE__ */ f.jsx(
+      ce,
+      {
+        onSend: i,
+        onReset: () => l(U)
+      }
+    )
+  ] });
+}
+export {
+  ue as AiCoach
+};

package/dist/demo-ai-coach.umd.cjs

@@ -0,0 +1,6 @@
+(function(p,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],d):(p=typeof globalThis<"u"?globalThis:p||self,d(p.DemoAiCoach={},p.React))})(this,(function(p,d){"use strict";var k={exports:{}},v={};var N;function V(){if(N)return v;N=1;var f=Symbol.for("react.transitional.element"),m=Symbol.for("react.fragment");function c(i,n,o){var E=null;if(o!==void 0&&(E=""+o),n.key!==void 0&&(E=""+n.key),"key"in n){o={};for(var l in n)l!=="key"&&(o[l]=n[l])}else o=n;return n=o.ref,{$$typeof:f,type:i,key:E,ref:n!==void 0?n:null,props:o}}return v.Fragment=m,v.jsx=c,v.jsxs=c,v}var b={};var C;function $(){return C||(C=1,process.env.NODE_ENV!=="production"&&(function(){function f(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ae?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case j:return"Fragment";case Z:return"Profiler";case B:return"StrictMode";case re:return"Suspense";case te:return"SuspenseList";case oe:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case H:return"Portal";case K:return e.displayName||"Context";case Q:return(e._context.displayName||"Context")+".Consumer";case ee:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ne:return r=e.displayName||null,r!==null?r:f(e.type)||"Memo";case g:r=e._payload,e=e._init;try{return f(e(r))}catch{}}return null}function m(e){return""+e}function c(e){try{m(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,a=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),m(e)}}function i(e){if(e===j)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===g)return"<...>";try{var r=f(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function n(){var e=y.A;return e===null?null:e.getOwner()}function o(){return Error("react-stack-top-frame")}function E(e){if(F.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function l(e,r){function t(){L||(L=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function _(){var e=f(this.type);return U[e]||(U[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function A(e,r,t,a,S,O){var s=t.ref;return e={$$typeof:M,type:e,key:r,props:t,_owner:a},(s!==void 0?s:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:_}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:S}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function T(e,r,t,a,S,O){var s=r.children;if(s!==void 0)if(a)if(se(s)){for(a=0;a<s.length;a++)h(s[a]);Object.freeze&&Object.freeze(s)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else h(s);if(F.call(r,"key")){s=f(e);var R=Object.keys(r).filter(function(ce){return ce!=="key"});a=0<R.length?"{key: someKey, "+R.join(": ..., ")+": ...}":"{key: someKey}",G[s+a]||(R=0<R.length?"{"+R.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,a,s,R,s),G[s+a]=!0)}if(s=null,t!==void 0&&(c(t),s=""+t),E(r)&&(c(r.key),s=""+r.key),"key"in r){t={};for(var P in r)P!=="key"&&(t[P]=r[P])}else t=r;return s&&l(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),A(e,s,t,n(),S,O)}function h(e){D(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===g&&(e._payload.status==="fulfilled"?D(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function D(e){return typeof e=="object"&&e!==null&&e.$$typeof===M}var x=d,M=Symbol.for("react.transitional.element"),H=Symbol.for("react.portal"),j=Symbol.for("react.fragment"),B=Symbol.for("react.strict_mode"),Z=Symbol.for("react.profiler"),Q=Symbol.for("react.consumer"),K=Symbol.for("react.context"),ee=Symbol.for("react.forward_ref"),re=Symbol.for("react.suspense"),te=Symbol.for("react.suspense_list"),ne=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),oe=Symbol.for("react.activity"),ae=Symbol.for("react.client.reference"),y=x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,se=Array.isArray,w=console.createTask?console.createTask:function(){return null};x={react_stack_bottom_frame:function(e){return e()}};var L,U={},W=x.react_stack_bottom_frame.bind(x,o)(),J=w(i(o)),G={};b.Fragment=j,b.jsx=function(e,r,t){var a=1e4>y.recentlyCreatedOwnerStacks++;return T(e,r,t,!1,a?Error("react-stack-top-frame"):W,a?w(i(e)):J)},b.jsxs=function(e,r,t){var a=1e4>y.recentlyCreatedOwnerStacks++;return T(e,r,t,!0,a?Error("react-stack-top-frame"):W,a?w(i(e)):J)}})()),b}var I;function z(){return I||(I=1,process.env.NODE_ENV==="production"?k.exports=V():k.exports=$()),k.exports}var u=z();function X({onSend:f,onReset:m}){const[c,i]=d.useState(""),n=d.useRef(null);d.useEffect(()=>{const l=window.SpeechRecognition||window.webkitSpeechRecognition;if(!l){console.warn("Speech recognition not supported");return}const _=new l;_.lang="en-US",_.continuous=!1,_.interimResults=!1,_.onresult=A=>{const T=A.results[0][0].transcript;i(h=>h?h+" "+T:T)},n.current=_},[]);const o=()=>{c.trim()&&(f(c.trim()),i(""))},E=()=>{i(""),m?.()};return u.jsxs("div",{className:"voice-input",children:[u.jsx("button",{onClick:E,className:"resetbtn",title:"Restart conversation",children:"🔄"}),u.jsx("input",{type:"text",placeholder:"Type or speak your response...",value:c,onChange:l=>i(l.target.value),onKeyDown:l=>{l.key==="Enter"&&c.trim()&&(l.preventDefault(),o())}}),u.jsx("button",{onClick:o,disabled:!c.trim(),children:"Send"})]})}const Y=[{sender:"jordan",text:"I’m Jordan, your AI coach."}];function q({onInteraction:f}){const[m,c]=d.useState(Y),i=n=>{c(o=>[...o,{sender:"leader",text:n}]),f?.({interactionId:"DP4.2_AI_COACHING_DIALOGUE",learnerResponse:n,result:"neutral"}),setTimeout(()=>{c(o=>[...o,{sender:"jordan",text:"Thanks for talking through the data calmly. That helps."}])},800)};return u.jsxs("div",{className:"main-app",children:[u.jsx("h1",{children:"Pepsico AI Coach"}),u.jsx("div",{className:"chat-window",children:m.map((n,o)=>u.jsx("div",{className:`chat-message ${n.sender==="leader"?"sent":"received"}`,children:u.jsxs("div",{className:"bubble",children:[u.jsxs("b",{children:[n.sender==="leader"?"Leader":"Jordan",":"]})," ",n.text]})},o))}),u.jsx(X,{onSend:i,onReset:()=>c(Y)})]})}p.AiCoach=q,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import './App.scss';
+export { AiCoach } from "./AiCoach";
+export type { InteractionPayload } from "./AiCoach";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAC;AACpB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC"}

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@aarti_hurix/pepsico-ai-coach",
+  "version": "1.0.0",
+  "description": "Reusable AI coaching chat component for LMS platforms",
+  "type": "module",
+  "main": "dist/demo-ai-coach.umd.cjs",
+  "module": "dist/demo-ai-coach.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "sass": "^1.97.2",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "^7.2.4",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}