@cuemath/leap 3.0.7-hg1 → 3.0.7

package/dist/features/milestone/outcome/api/milestone-achievement.js

@@ -0,0 +1,12 @@
+import { createGetAPI as s, createPatchAPI as c } from "@cuemath/rest-api";
+import { BASE_URL_V3 as t } from "../../../../constants/api.js";
+const { useGet: m } = s({
+  getURL: (e) => `${t}/user-milestone-achievement/${e}/`
+}), { usePatch: n } = c({
+  getURL: (e) => `${t}/user-milestone-achievement/${e}/`
+});
+export {
+  m as useGetMilestoneAchievement,
+  n as usePatchMilestoneAchievement
+};
+//# sourceMappingURL=milestone-achievement.js.map

package/dist/features/milestone/outcome/api/milestone-achievement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-achievement.js","sources":["../../../../../src/features/milestone/outcome/api/milestone-achievement.ts"],"sourcesContent":["import { createGetAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\n\ninterface IResponse {\n  id: string;\n  achievement_state: string;\n  assets_media: {\n    id: string;\n    url: string;\n  }[];\n}\n\nconst { useGet: useGetMilestoneAchievement } = createGetAPI<IResponse>({\n  getURL: milestoneAchievementId =>\n    `${BASE_URL_V3}/user-milestone-achievement/${milestoneAchievementId}/`,\n});\n\nconst { usePatch: usePatchMilestoneAchievement } = createPatchAPI({\n  getURL: milestoneAchievementId =>\n    `${BASE_URL_V3}/user-milestone-achievement/${milestoneAchievementId}/`,\n});\n\nexport { useGetMilestoneAchievement, usePatchMilestoneAchievement };\n"],"names":["useGetMilestoneAchievement","createGetAPI","milestoneAchievementId","BASE_URL_V3","usePatchMilestoneAchievement","createPatchAPI"],"mappings":";;AAaA,MAAM,EAAE,QAAQA,EAA2B,IAAIC,EAAwB;AAAA,EACrE,QAAQ,CAAAC,MACN,GAAGC,CAAW,+BAA+BD,CAAsB;AACvE,CAAC,GAEK,EAAE,UAAUE,EAA6B,IAAIC,EAAe;AAAA,EAChE,QAAQ,CAAAH,MACN,GAAGC,CAAW,+BAA+BD,CAAsB;AACvE,CAAC;"}

package/dist/features/milestone/outcome/api/milestone-outcome-config.js

@@ -0,0 +1,9 @@
+import { createGetAPI as o } from "@cuemath/rest-api";
+import { BASE_URL_V3 as t } from "../../../../constants/api.js";
+const { useGet: r } = o({
+  getURL: (e) => `${t}/milestone/${e}/outcome-config`
+});
+export {
+  r as useGetMilestoneOutcomeConfig
+};
+//# sourceMappingURL=milestone-outcome-config.js.map

package/dist/features/milestone/outcome/api/milestone-outcome-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-outcome-config.js","sources":["../../../../../src/features/milestone/outcome/api/milestone-outcome-config.ts"],"sourcesContent":["import type { IMilestoneOutcomeConfig } from '../milestone-outcome-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\n\nconst { useGet: useGetMilestoneOutcomeConfig } = createGetAPI<IMilestoneOutcomeConfig>({\n  getURL: milestoneAchievementId =>\n    `${BASE_URL_V3}/milestone/${milestoneAchievementId}/outcome-config`,\n});\n\nexport { useGetMilestoneOutcomeConfig };\n"],"names":["useGetMilestoneOutcomeConfig","createGetAPI","milestoneAchievementId","BASE_URL_V3"],"mappings":";;AAMA,MAAM,EAAE,QAAQA,EAA6B,IAAIC,EAAsC;AAAA,EACrF,QAAQ,CAAAC,MACN,GAAGC,CAAW,cAAcD,CAAsB;AACtD,CAAC;"}

package/dist/features/milestone/outcome/api/milestone-outcome.js

@@ -0,0 +1,9 @@
+import { createPostAPI as o } from "@cuemath/rest-api";
+import { BASE_URL_V3 as t } from "../../../../constants/api.js";
+const { usePost: u } = o({
+  getURL: (r, { milestoneId: e }) => `${t}/user-milestone/${e}/outcome/`
+});
+export {
+  u as useCreateMilestoneOutcome
+};
+//# sourceMappingURL=milestone-outcome.js.map

package/dist/features/milestone/outcome/api/milestone-outcome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-outcome.js","sources":["../../../../../src/features/milestone/outcome/api/milestone-outcome.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\n\nconst { usePost: useCreateMilestoneOutcome } = createPostAPI<\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  any,\n  Record<string, unknown>,\n  { milestoneId: string }\n>({\n  getURL: (_, { milestoneId }) => `${BASE_URL_V3}/user-milestone/${milestoneId}/outcome/`,\n});\n\nexport { useCreateMilestoneOutcome };\n"],"names":["useCreateMilestoneOutcome","createPostAPI","_","milestoneId","BASE_URL_V3"],"mappings":";;AAIA,MAAM,EAAE,SAASA,EAA0B,IAAIC,EAK7C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,aAAAC,EAAkB,MAAA,GAAGC,CAAW,mBAAmBD,CAAW;AAC9E,CAAC;"}

package/dist/features/milestone/outcome/comps/achievement/achievement-constants.js

@@ -0,0 +1,41 @@
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { ILLUSTRATIONS as n } from "../../../../../assets/illustrations/illustrations.js";
+import t from "../../../../ui/text/text.js";
+const a = (e) => [
+  {
+    icon: n.NUMBER_1_ORANGE,
+    point: /* @__PURE__ */ s(t, { $renderAs: "body2", children: [
+      "Send snapshot to ",
+      e,
+      " parent"
+    ] })
+  },
+  {
+    icon: n.NUMBER_2_ORANGE,
+    point: /* @__PURE__ */ i(t, { $renderAs: "body2", children: "Parent views the success snapshot via Cuechat" })
+  },
+  {
+    icon: n.NUMBER_3_ORANGE,
+    point: /* @__PURE__ */ i(t, { $renderAs: "body2", children: "They share it with their friends & family!" })
+  }
+], h = (e) => [
+  {
+    label: `${e} can do better. This does not seem like a significant achievement.`,
+    id: "not_significant_achievement"
+  },
+  {
+    label: "I did not like either of the “Success snapshot” designs.",
+    id: "design_preference_issue"
+  }
+], E = 1e4, d = 3, A = {
+  SHARED: "SHARED",
+  REJECTED: "REJECTED"
+};
+export {
+  A as ACHIEVEMENT_ACTIONS,
+  d as DEFAULT_MAX_POLLING_ATTEMPTS,
+  E as DEFAULT_POLLING_INTERVAL,
+  a as createAchievementShareInstructionConfig,
+  h as generateAchievementNotShareOptions
+};
+//# sourceMappingURL=achievement-constants.js.map

package/dist/features/milestone/outcome/comps/achievement/achievement-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"achievement-constants.js","sources":["../../../../../../src/features/milestone/outcome/comps/achievement/achievement-constants.tsx"],"sourcesContent":["import type { IInfoPoint } from '../../../create/types';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Text from '../../../../ui/text/text';\n\nconst createAchievementShareInstructionConfig = (studentName: string): IInfoPoint[] => [\n  {\n    icon: ILLUSTRATIONS.NUMBER_1_ORANGE,\n    point: <Text $renderAs=\"body2\">Send snapshot to {studentName} parent</Text>,\n  },\n  {\n    icon: ILLUSTRATIONS.NUMBER_2_ORANGE,\n    point: <Text $renderAs=\"body2\">Parent views the success snapshot via Cuechat</Text>,\n  },\n  {\n    icon: ILLUSTRATIONS.NUMBER_3_ORANGE,\n    point: <Text $renderAs=\"body2\">They share it with their friends & family!</Text>,\n  },\n];\n\nconst generateAchievementNotShareOptions = (studentName: string) => [\n  {\n    label: `${studentName} can do better. This does not seem like a significant achievement.`,\n    id: 'not_significant_achievement',\n  },\n  {\n    label: `I did not like either of the “Success snapshot” designs.`,\n    id: 'design_preference_issue',\n  },\n];\n\nconst DEFAULT_POLLING_INTERVAL = 10000;\nconst DEFAULT_MAX_POLLING_ATTEMPTS = 3;\n\nconst ACHIEVEMENT_ACTIONS = {\n  SHARED: 'SHARED',\n  REJECTED: 'REJECTED',\n};\n\nexport {\n  createAchievementShareInstructionConfig,\n  generateAchievementNotShareOptions,\n  DEFAULT_POLLING_INTERVAL,\n  DEFAULT_MAX_POLLING_ATTEMPTS,\n  ACHIEVEMENT_ACTIONS,\n};\n"],"names":["createAchievementShareInstructionConfig","studentName","ILLUSTRATIONS","jsxs","Text","jsx","generateAchievementNotShareOptions","DEFAULT_POLLING_INTERVAL","DEFAULT_MAX_POLLING_ATTEMPTS","ACHIEVEMENT_ACTIONS"],"mappings":";;;AAKM,MAAAA,IAA0C,CAACC,MAAsC;AAAA,EACrF;AAAA,IACE,MAAMC,EAAc;AAAA,IACpB,OAAO,gBAAAC,EAACC,GAAK,EAAA,WAAU,SAAQ,UAAA;AAAA,MAAA;AAAA,MAAkBH;AAAA,MAAY;AAAA,IAAA,GAAO;AAAA,EACtE;AAAA,EACA;AAAA,IACE,MAAMC,EAAc;AAAA,IACpB,OAAO,gBAAAG,EAACD,GAAK,EAAA,WAAU,SAAQ,UAA6C,iDAAA;AAAA,EAC9E;AAAA,EACA;AAAA,IACE,MAAMF,EAAc;AAAA,IACpB,OAAO,gBAAAG,EAACD,GAAK,EAAA,WAAU,SAAQ,UAA0C,8CAAA;AAAA,EAC3E;AACF,GAEME,IAAqC,CAACL,MAAwB;AAAA,EAClE;AAAA,IACE,OAAO,GAAGA,CAAW;AAAA,IACrB,IAAI;AAAA,EACN;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AACF,GAEMM,IAA2B,KAC3BC,IAA+B,GAE/BC,IAAsB;AAAA,EAC1B,QAAQ;AAAA,EACR,UAAU;AACZ;"}

package/dist/features/milestone/outcome/comps/achievement/achievement-container-styled.js

@@ -0,0 +1,21 @@
+import o from "styled-components";
+const i = o.div(({ theme: e }) => {
+  const {
+    layout: { gutter: r },
+    colors: t
+  } = e;
+  return `
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      flex-shrink: 0;
+      height: ${r * 4.5}px;
+      background-color: ${t.YELLOW_1};
+      border-radius: ${r * 0.625}px;
+    `;
+});
+export {
+  i as FooterWrapper
+};
+//# sourceMappingURL=achievement-container-styled.js.map

package/dist/features/milestone/outcome/comps/achievement/achievement-container-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"achievement-container-styled.js","sources":["../../../../../../src/features/milestone/outcome/comps/achievement/achievement-container-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst FooterWrapper = styled.div(({ theme }) => {\n  const {\n    layout: { gutter },\n    colors,\n  } = theme;\n\n  return `\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      flex-shrink: 0;\n      height: ${gutter * 4.5}px;\n      background-color: ${colors.YELLOW_1};\n      border-radius: ${gutter * 0.625}px;\n    `;\n});\n\nexport { FooterWrapper };\n"],"names":["FooterWrapper","styled","theme","gutter","colors"],"mappings":";AAEA,MAAMA,IAAgBC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AACxC,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACjB,QAAAC;AAAA,EACE,IAAAF;AAEG,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMOC,IAAS,GAAG;AAAA,0BACFC,EAAO,QAAQ;AAAA,uBAClBD,IAAS,KAAK;AAAA;AAErC,CAAC;"}

package/dist/features/milestone/outcome/comps/achievement/achievement-container.js

@@ -0,0 +1,99 @@
+import { jsxs as a, Fragment as y, jsx as e } from "react/jsx-runtime";
+import { memo as L, useState as g, useRef as C, useEffect as o, useCallback as G } from "react";
+import { IMAGES as R } from "../../../../../assets/images/images.js";
+import T from "../../../../ui/buttons/button/button.js";
+import k from "../../../../ui/buttons/text-button/text-button.js";
+import c from "../../../../ui/layout/flex-view.js";
+import v from "../../../../ui/text/text.js";
+import { useGetMilestoneAchievement as w } from "../../api/milestone-achievement.js";
+import { ImageContainer as I, StyledImage as B, ButtonWrapper as F } from "../../milestone-outcome-styled.js";
+import { DEFAULT_POLLING_INTERVAL as M, DEFAULT_MAX_POLLING_ATTEMPTS as N } from "./achievement-constants.js";
+import { FooterWrapper as D } from "./achievement-container-styled.js";
+const Q = L(
+  ({ milestoneAchievementId: s, onShare: m, onNotToShare: _, onError: i, achievementConfig: b }) => {
+    const {
+      get: r,
+      data: t,
+      isProcessed: p,
+      isProcessingFailed: d
+    } = w(), [n, x] = g(!1), [l, P] = g(!1), h = C(0), {
+      pollingInterval: f = M,
+      maxPollingAttempts: u = N
+    } = b || {};
+    o(() => {
+      p && ((t == null ? void 0 : t.achievement_state) === "ASSET_GENERATED" ? x(!0) : h.current < u ? (h.current += 1, setTimeout(() => r(s), f)) : i("Timeout! It appears that the achievement asset is currently unavailable."));
+    }, [
+      p,
+      t,
+      r,
+      s,
+      i,
+      f,
+      u
+    ]), o(() => {
+      d && i("Oops! Something went wrong. Please try again in sometime.");
+    }, [d, i]), o(() => {
+      r(s);
+    }, [r, s]);
+    const E = () => {
+      P(!0);
+    }, [{ url: S = "", id: A = "" } = {}] = (t == null ? void 0 : t.assets_media) || [], $ = G(() => m(A), [m, A]);
+    return /* @__PURE__ */ a(y, { children: [
+      /* @__PURE__ */ a(c, { $alignItems: "center", $flexGapX: 1, $marginBottomX: 1.5, children: [
+        /* @__PURE__ */ a(c, { children: [
+          /* @__PURE__ */ e(v, { $renderAs: "h4", $align: "center", children: "Awesome! This looks like a reason to celebrate." }),
+          /* @__PURE__ */ e(v, { $renderAs: "h4", $align: "center", children: "Reveal the “Success snapshot” from below!" })
+        ] }),
+        /* @__PURE__ */ a(I, { children: [
+          /* @__PURE__ */ e(
+            B,
+            {
+              src: n && l ? S : R.ACHIEVEMENT_BG,
+              alt: "Success Snapshot"
+            }
+          ),
+          !l && /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(
+            T,
+            {
+              label: n ? "Reveal success snapshot" : "Preparing the image",
+              renderAs: "primary",
+              size: "xsmall",
+              onClick: E,
+              disabled: !n
+            }
+          ) })
+        ] })
+      ] }),
+      l && /* @__PURE__ */ e(D, { children: /* @__PURE__ */ a(c, { $alignItems: "center", $flexDirection: "row", $flexGapX: 1.5, children: [
+        /* @__PURE__ */ e(
+          k,
+          {
+            label: "This is not worth sharing",
+            onClick: _,
+            analyticsLabel: "dont-send-achievement",
+            analyticsProps: {
+              milestone_achievement_id: s
+            }
+          }
+        ),
+        /* @__PURE__ */ e(
+          T,
+          {
+            label: "Proceed to send",
+            renderAs: "primary",
+            size: "xsmall",
+            onClick: $,
+            analyticsLabel: "send-achievement",
+            analyticsProps: {
+              milestone_achievement_id: s
+            }
+          }
+        )
+      ] }) })
+    ] });
+  }
+);
+export {
+  Q as default
+};
+//# sourceMappingURL=achievement-container.js.map

package/dist/features/milestone/outcome/comps/achievement/achievement-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"achievement-container.js","sources":["../../../../../../src/features/milestone/outcome/comps/achievement/achievement-container.tsx"],"sourcesContent":["import type { IAchievementContainerProps } from './achievement-types';\n\nimport React, { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { IMAGES } from '../../../../../assets/images/images';\nimport Button from '../../../../ui/buttons/button/button';\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { useGetMilestoneAchievement } from '../../api/milestone-achievement';\nimport { ButtonWrapper, ImageContainer, StyledImage } from '../../milestone-outcome-styled';\nimport { DEFAULT_MAX_POLLING_ATTEMPTS, DEFAULT_POLLING_INTERVAL } from './achievement-constants';\nimport { FooterWrapper } from './achievement-container-styled';\n\nconst AchievementContainer: React.FC<IAchievementContainerProps> = memo(\n  ({ milestoneAchievementId, onShare, onNotToShare, onError, achievementConfig }) => {\n    const {\n      get: getAchievement,\n      data: achievement,\n      isProcessed,\n      isProcessingFailed,\n    } = useGetMilestoneAchievement();\n\n    const [isAchievementAvailable, setAchievementAvailable] = useState(false);\n    const [isAchievementRevealed, setAchievementRevealed] = useState(false);\n\n    const pollingAttemptsRef = useRef(0);\n    const {\n      pollingInterval = DEFAULT_POLLING_INTERVAL,\n      maxPollingAttempts = DEFAULT_MAX_POLLING_ATTEMPTS,\n    } = achievementConfig || {};\n\n    useEffect(() => {\n      if (isProcessed) {\n        if (achievement?.achievement_state === 'ASSET_GENERATED') {\n          setAchievementAvailable(true);\n        } else {\n          if (pollingAttemptsRef.current < maxPollingAttempts) {\n            pollingAttemptsRef.current += 1;\n            setTimeout(() => getAchievement(milestoneAchievementId), pollingInterval);\n          } else {\n            onError('Timeout! It appears that the achievement asset is currently unavailable.');\n          }\n        }\n      }\n    }, [\n      isProcessed,\n      achievement,\n      getAchievement,\n      milestoneAchievementId,\n      onError,\n      pollingInterval,\n      maxPollingAttempts,\n    ]);\n\n    useEffect(() => {\n      if (isProcessingFailed) {\n        onError('Oops! Something went wrong. Please try again in sometime.');\n      }\n    }, [isProcessingFailed, onError]);\n\n    useEffect(() => {\n      getAchievement(milestoneAchievementId);\n    }, [getAchievement, milestoneAchievementId]);\n\n    const handleButtonClick = () => {\n      setAchievementRevealed(true);\n    };\n    const [{ url: assetUrl = '', id: selectedAssetId = '' } = {}] = achievement?.assets_media || [];\n\n    const handleOnShare = useCallback(() => onShare(selectedAssetId), [onShare, selectedAssetId]);\n\n    return (\n      <>\n        <FlexView $alignItems=\"center\" $flexGapX={1} $marginBottomX={1.5}>\n          <FlexView>\n            <Text $renderAs=\"h4\" $align=\"center\">\n              Awesome! This looks like a reason to celebrate.\n            </Text>\n            <Text $renderAs=\"h4\" $align=\"center\">\n              Reveal the “Success snapshot” from below!\n            </Text>\n          </FlexView>\n          <ImageContainer>\n            <StyledImage\n              src={\n                isAchievementAvailable && isAchievementRevealed ? assetUrl : IMAGES.ACHIEVEMENT_BG\n              }\n              alt=\"Success Snapshot\"\n            />\n            {!isAchievementRevealed && (\n              <ButtonWrapper>\n                <Button\n                  label={isAchievementAvailable ? 'Reveal success snapshot' : 'Preparing the image'}\n                  renderAs=\"primary\"\n                  size=\"xsmall\"\n                  onClick={handleButtonClick}\n                  disabled={!isAchievementAvailable}\n                />\n              </ButtonWrapper>\n            )}\n          </ImageContainer>\n        </FlexView>\n        {isAchievementRevealed && (\n          <FooterWrapper>\n            <FlexView $alignItems=\"center\" $flexDirection=\"row\" $flexGapX={1.5}>\n              <TextButton\n                label=\"This is not worth sharing\"\n                onClick={onNotToShare}\n                analyticsLabel=\"dont-send-achievement\"\n                analyticsProps={{\n                  milestone_achievement_id: milestoneAchievementId,\n                }}\n              />\n              <Button\n                label=\"Proceed to send\"\n                renderAs=\"primary\"\n                size=\"xsmall\"\n                onClick={handleOnShare}\n                analyticsLabel=\"send-achievement\"\n                analyticsProps={{\n                  milestone_achievement_id: milestoneAchievementId,\n                }}\n              />\n            </FlexView>\n          </FooterWrapper>\n        )}\n      </>\n    );\n  },\n);\n\nexport default AchievementContainer;\n"],"names":["AchievementContainer","memo","milestoneAchievementId","onShare","onNotToShare","onError","achievementConfig","getAchievement","achievement","isProcessed","isProcessingFailed","useGetMilestoneAchievement","isAchievementAvailable","setAchievementAvailable","useState","isAchievementRevealed","setAchievementRevealed","pollingAttemptsRef","useRef","pollingInterval","DEFAULT_POLLING_INTERVAL","maxPollingAttempts","DEFAULT_MAX_POLLING_ATTEMPTS","useEffect","handleButtonClick","assetUrl","selectedAssetId","handleOnShare","useCallback","jsxs","Fragment","FlexView","jsx","Text","ImageContainer","StyledImage","IMAGES","ButtonWrapper","Button","FooterWrapper","TextButton"],"mappings":"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"}

package/dist/features/milestone/outcome/comps/achievement/reason-submit-modal.js

@@ -0,0 +1,67 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { memo as _, useState as r, useMemo as A } from "react";
+import C from "../../../../ui/buttons/button/button.js";
+import E from "../../../../ui/inputs/radio-input/radio-input.js";
+import a from "../../../../ui/layout/flex-view.js";
+import b from "../../../../ui/text/text.js";
+import { usePatchMilestoneAchievement as R } from "../../api/milestone-achievement.js";
+import { ModalWrapper as x, StyledTextArea as y } from "../../milestone-outcome-styled.js";
+import { generateAchievementNotShareOptions as T, ACHIEVEMENT_ACTIONS as $ } from "./achievement-constants.js";
+const v = _(
+  ({ milestoneAchievementId: c, studentName: s, onSubmit: m, onError: l }) => {
+    const [t, u] = r(), [n, d] = r(), p = (e) => {
+      e ? l(e ?? "Oops! Something went wrong. Please try again in sometime.") : m();
+    }, { patch: h, isProcessing: g } = R({
+      onComplete: p
+    }), f = () => {
+      const e = {
+        action: $.REJECTED,
+        action_data: {
+          asset_rejection_reason_category: t,
+          asset_rejection_custom_reason: n
+        }
+      };
+      h(c, e);
+    }, S = A(
+      () => T(s),
+      [s]
+    );
+    return /* @__PURE__ */ i(x, { $gutterX: 1.5, $gapX: 1.5, $flexGapX: 3, children: [
+      /* @__PURE__ */ i(a, { children: [
+        /* @__PURE__ */ o(b, { $renderAs: "h6", $marginBottomX: 0.75, children: "Please give the reason why" }),
+        /* @__PURE__ */ o(
+          E,
+          {
+            options: S,
+            value: t,
+            onChange: u
+          }
+        ),
+        t === "design_preference_issue" && /* @__PURE__ */ o(
+          y,
+          {
+            onChange: (e) => d(e.target.value),
+            value: n
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o(a, { $flexDirection: "row", $justifyContent: "right", children: /* @__PURE__ */ o(
+        C,
+        {
+          renderAs: "primary",
+          size: "small",
+          widthX: 16,
+          label: "Submit",
+          onClick: f,
+          iconPosition: "right",
+          disabled: !(!!t && (!(t === "design_preference_issue") || !!n)),
+          busy: g
+        }
+      ) })
+    ] });
+  }
+), H = v;
+export {
+  H as default
+};
+//# sourceMappingURL=reason-submit-modal.js.map

package/dist/features/milestone/outcome/comps/achievement/reason-submit-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reason-submit-modal.js","sources":["../../../../../../src/features/milestone/outcome/comps/achievement/reason-submit-modal.tsx"],"sourcesContent":["import type { IShareInstructionModalProps } from './achievement-types';\n\nimport React, { memo, useMemo, useState } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport RadioInput from '../../../../ui/inputs/radio-input/radio-input';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { usePatchMilestoneAchievement } from '../../api/milestone-achievement';\nimport * as Styled from '../../milestone-outcome-styled';\nimport { ACHIEVEMENT_ACTIONS, generateAchievementNotShareOptions } from './achievement-constants';\n\nconst ReasonSubmitModal: React.FC<IShareInstructionModalProps> = memo(\n  ({ milestoneAchievementId, studentName, onSubmit, onError }) => {\n    const [selectedReason, setSelectedReason] = useState<string>();\n    const [customReason, setCustomReason] = useState<string>();\n    const onAcknowledge = (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage ?? 'Oops! Something went wrong. Please try again in sometime.');\n      } else {\n        onSubmit();\n      }\n    };\n\n    const { patch: rejectMilestoneAchievement, isProcessing } = usePatchMilestoneAchievement({\n      onComplete: onAcknowledge,\n    });\n\n    const handleOnSubmit = () => {\n      const payload = {\n        action: ACHIEVEMENT_ACTIONS.REJECTED,\n        action_data: {\n          asset_rejection_reason_category: selectedReason,\n          asset_rejection_custom_reason: customReason,\n        },\n      };\n\n      rejectMilestoneAchievement(milestoneAchievementId, payload);\n    };\n    const ACHIEVEMENT_NOT_SHARE_OPTIONS = useMemo(\n      () => generateAchievementNotShareOptions(studentName),\n      [studentName],\n    );\n    const canSubmit = () => {\n      const isDesignIssueSelected = selectedReason === 'design_preference_issue';\n\n      return Boolean(selectedReason) && (!isDesignIssueSelected || Boolean(customReason));\n    };\n\n    return (\n      <Styled.ModalWrapper $gutterX={1.5} $gapX={1.5} $flexGapX={3}>\n        <FlexView>\n          <Text $renderAs=\"h6\" $marginBottomX={0.75}>\n            Please give the reason why\n          </Text>\n          <RadioInput\n            options={ACHIEVEMENT_NOT_SHARE_OPTIONS}\n            value={selectedReason}\n            onChange={setSelectedReason}\n          />\n          {selectedReason === 'design_preference_issue' && (\n            <Styled.StyledTextArea\n              onChange={e => setCustomReason(e.target.value)}\n              value={customReason}\n            />\n          )}\n        </FlexView>\n        <FlexView $flexDirection=\"row\" $justifyContent=\"right\">\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            widthX={16}\n            label=\"Submit\"\n            onClick={handleOnSubmit}\n            iconPosition=\"right\"\n            disabled={!canSubmit()}\n            busy={isProcessing}\n          />\n        </FlexView>\n      </Styled.ModalWrapper>\n    );\n  },\n);\n\nexport default ReasonSubmitModal;\n"],"names":["ReasonSubmitModal","memo","milestoneAchievementId","studentName","onSubmit","onError","selectedReason","setSelectedReason","useState","customReason","setCustomReason","onAcknowledge","errorMessage","rejectMilestoneAchievement","isProcessing","usePatchMilestoneAchievement","handleOnSubmit","payload","ACHIEVEMENT_ACTIONS","ACHIEVEMENT_NOT_SHARE_OPTIONS","useMemo","generateAchievementNotShareOptions","jsxs","Styled.ModalWrapper","FlexView","jsx","Text","RadioInput","Styled.StyledTextArea","Button","ReasonSubmitModal$1"],"mappings":";;;;;;;;;AAYA,MAAMA,IAA2DC;AAAA,EAC/D,CAAC,EAAE,wBAAAC,GAAwB,aAAAC,GAAa,UAAAC,GAAU,SAAAC,QAAc;AAC9D,UAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAiB,GACvD,CAACC,GAAcC,CAAe,IAAIF,EAAiB,GACnDG,IAAgB,CAACC,MAAgC;AACrD,MAAIA,IACFP,EAAQO,KAAgB,2DAA2D,IAE1ER;IACX,GAGI,EAAE,OAAOS,GAA4B,cAAAC,EAAA,IAAiBC,EAA6B;AAAA,MACvF,YAAYJ;AAAA,IAAA,CACb,GAEKK,IAAiB,MAAM;AAC3B,YAAMC,IAAU;AAAA,QACd,QAAQC,EAAoB;AAAA,QAC5B,aAAa;AAAA,UACX,iCAAiCZ;AAAA,UACjC,+BAA+BG;AAAA,QACjC;AAAA,MAAA;AAGF,MAAAI,EAA2BX,GAAwBe,CAAO;AAAA,IAAA,GAEtDE,IAAgCC;AAAA,MACpC,MAAMC,EAAmClB,CAAW;AAAA,MACpD,CAACA,CAAW;AAAA,IAAA;AASZ,WAAA,gBAAAmB,EAACC,GAAA,EAAoB,UAAU,KAAK,OAAO,KAAK,WAAW,GACzD,UAAA;AAAA,MAAA,gBAAAD,EAACE,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,MAAK,gBAAgB,MAAM,UAE3C,8BAAA;AAAA,QACA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAASR;AAAA,YACT,OAAOb;AAAA,YACP,UAAUC;AAAA,UAAA;AAAA,QACZ;AAAA,QACCD,MAAmB,6BAClB,gBAAAmB;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,UAAU,CAAA,MAAKlB,EAAgB,EAAE,OAAO,KAAK;AAAA,YAC7C,OAAOD;AAAA,UAAA;AAAA,QACT;AAAA,MAAA,GAEJ;AAAA,MACC,gBAAAgB,EAAAD,GAAA,EAAS,gBAAe,OAAM,iBAAgB,SAC7C,UAAA,gBAAAC;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAK;AAAA,UACL,QAAQ;AAAA,UACR,OAAM;AAAA,UACN,SAASb;AAAA,UACT,cAAa;AAAA,UACb,UAAU,EA7BT,EAAQV,MAAoB,EAFLA,MAAmB,8BAEY,EAAQG;AAAA,UA8B/D,MAAMK;AAAA,QAAA;AAAA,MAAA,GAEV;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAgB,IAAe9B;"}

package/dist/features/milestone/outcome/comps/achievement/share-instructions-modal.js

@@ -0,0 +1,57 @@
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { memo as d, useMemo as f } from "react";
+import u from "../../../../ui/buttons/button/button.js";
+import S from "../../../../ui/layout/flex-view.js";
+import A from "../../../create/comps/info-points/info-points.js";
+import { usePatchMilestoneAchievement as C } from "../../api/milestone-achievement.js";
+import { ModalWrapper as I } from "../../milestone-outcome-styled.js";
+import { createAchievementShareInstructionConfig as E, ACHIEVEMENT_ACTIONS as g } from "./achievement-constants.js";
+const x = d(
+  ({ milestoneAchievementId: n, selectedAssetId: i, studentName: o, onSubmit: r, onError: s }) => {
+    const a = (t) => {
+      t ? s(t) : r();
+    }, { patch: c, isProcessing: l } = C({
+      onComplete: a
+    }), m = () => {
+      const t = {
+        action: g.SHARED,
+        action_data: {
+          selected_asset_id: i
+        }
+      };
+      c(n, t);
+    }, p = f(
+      () => E(o),
+      [o]
+    );
+    return /* @__PURE__ */ h(I, { $gutterX: 1.5, $gapX: 1.5, $flexGapX: 3, children: [
+      /* @__PURE__ */ e(
+        A,
+        {
+          headerText: `Send snapshot to ${o} parent`,
+          loadStatically: !0,
+          config: p,
+          stepNumberOffset: 0,
+          handleTransitionEnd: () => {
+          }
+        }
+      ),
+      /* @__PURE__ */ e(S, { $flexDirection: "row", $justifyContent: "right", children: /* @__PURE__ */ e(
+        u,
+        {
+          renderAs: "primary",
+          size: "small",
+          widthX: 16,
+          label: "Send to Cuechat",
+          onClick: m,
+          iconPosition: "right",
+          busy: l
+        }
+      ) })
+    ] });
+  }
+), w = x;
+export {
+  w as default
+};
+//# sourceMappingURL=share-instructions-modal.js.map

package/dist/features/milestone/outcome/comps/achievement/share-instructions-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-instructions-modal.js","sources":["../../../../../../src/features/milestone/outcome/comps/achievement/share-instructions-modal.tsx"],"sourcesContent":["import type { IShareInstructionModalProps } from './achievement-types';\n\nimport React, { memo, useMemo } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport InfoPoints from '../../../create/comps/info-points/info-points';\nimport { usePatchMilestoneAchievement } from '../../api/milestone-achievement';\nimport * as Styled from '../../milestone-outcome-styled';\nimport {\n  ACHIEVEMENT_ACTIONS,\n  createAchievementShareInstructionConfig,\n} from './achievement-constants';\n\nconst ShareInstructionModal: React.FC<IShareInstructionModalProps> = memo(\n  ({ milestoneAchievementId, selectedAssetId, studentName, onSubmit, onError }) => {\n    const onAcknowledge = (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        onSubmit();\n      }\n    };\n\n    const { patch: shareMilestoneAchievement, isProcessing } = usePatchMilestoneAchievement({\n      onComplete: onAcknowledge,\n    });\n    const handleOnSubmit = () => {\n      const payload = {\n        action: ACHIEVEMENT_ACTIONS.SHARED,\n        action_data: {\n          selected_asset_id: selectedAssetId,\n        },\n      };\n\n      shareMilestoneAchievement(milestoneAchievementId, payload);\n    };\n    const ACHIEVEMENT_SHARE_INSTRUCTION_CONFIG = useMemo(\n      () => createAchievementShareInstructionConfig(studentName),\n      [studentName],\n    );\n\n    return (\n      <Styled.ModalWrapper $gutterX={1.5} $gapX={1.5} $flexGapX={3}>\n        <InfoPoints\n          headerText={`Send snapshot to ${studentName} parent`}\n          loadStatically={true}\n          config={ACHIEVEMENT_SHARE_INSTRUCTION_CONFIG}\n          stepNumberOffset={0}\n          handleTransitionEnd={() => {}}\n        />\n        <FlexView $flexDirection=\"row\" $justifyContent=\"right\">\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            widthX={16}\n            label=\"Send to Cuechat\"\n            onClick={handleOnSubmit}\n            iconPosition=\"right\"\n            busy={isProcessing}\n          />\n        </FlexView>\n      </Styled.ModalWrapper>\n    );\n  },\n);\n\nexport default ShareInstructionModal;\n"],"names":["ShareInstructionModal","memo","milestoneAchievementId","selectedAssetId","studentName","onSubmit","onError","onAcknowledge","errorMessage","shareMilestoneAchievement","isProcessing","usePatchMilestoneAchievement","handleOnSubmit","payload","ACHIEVEMENT_ACTIONS","ACHIEVEMENT_SHARE_INSTRUCTION_CONFIG","useMemo","createAchievementShareInstructionConfig","jsxs","Styled.ModalWrapper","jsx","InfoPoints","FlexView","Button","ShareInstructionModal$1"],"mappings":";;;;;;;;AAcA,MAAMA,IAA+DC;AAAA,EACnE,CAAC,EAAE,wBAAAC,GAAwB,iBAAAC,GAAiB,aAAAC,GAAa,UAAAC,GAAU,SAAAC,QAAc;AACzE,UAAAC,IAAgB,CAACC,MAAgC;AACrD,MAAIA,IACFF,EAAQE,CAAY,IAEXH;IACX,GAGI,EAAE,OAAOI,GAA2B,cAAAC,EAAA,IAAiBC,EAA6B;AAAA,MACtF,YAAYJ;AAAA,IAAA,CACb,GACKK,IAAiB,MAAM;AAC3B,YAAMC,IAAU;AAAA,QACd,QAAQC,EAAoB;AAAA,QAC5B,aAAa;AAAA,UACX,mBAAmBX;AAAA,QACrB;AAAA,MAAA;AAGF,MAAAM,EAA0BP,GAAwBW,CAAO;AAAA,IAAA,GAErDE,IAAuCC;AAAA,MAC3C,MAAMC,EAAwCb,CAAW;AAAA,MACzD,CAACA,CAAW;AAAA,IAAA;AAIZ,WAAA,gBAAAc,EAACC,GAAA,EAAoB,UAAU,KAAK,OAAO,KAAK,WAAW,GACzD,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,YAAY,oBAAoBjB,CAAW;AAAA,UAC3C,gBAAgB;AAAA,UAChB,QAAQW;AAAA,UACR,kBAAkB;AAAA,UAClB,qBAAqB,MAAM;AAAA,UAAC;AAAA,QAAA;AAAA,MAC9B;AAAA,MACC,gBAAAK,EAAAE,GAAA,EAAS,gBAAe,OAAM,iBAAgB,SAC7C,UAAA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAK;AAAA,UACL,QAAQ;AAAA,UACR,OAAM;AAAA,UACN,SAASX;AAAA,UACT,cAAa;AAAA,UACb,MAAMF;AAAA,QAAA;AAAA,MAAA,GAEV;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAc,IAAexB;"}

package/dist/features/milestone/outcome/comps/outcome-collection/dynamic-input-handler.js

@@ -0,0 +1,90 @@
+import { jsxs as f, Fragment as v, jsx as p } from "react/jsx-runtime";
+import { useMemo as A } from "react";
+import C from "../../../../../assets/line-icons/icons/plus.js";
+import b from "../../../../ui/buttons/button/button.js";
+import x from "../../../../ui/buttons/text-button/text-button.js";
+import $ from "../../../../ui/inputs/select-input/select-input.js";
+import h from "../../../../ui/layout/flex-view.js";
+import D from "./input-handler.js";
+import { DynamicInputWrapper as T } from "./outcome-styled.js";
+const z = ({
+  formData: c,
+  handleFormDataChange: s,
+  configMap: i,
+  additionalSchemes: r,
+  setAdditionalSchemes: l,
+  inputFieldsArray: m,
+  onInputRemove: y
+}) => {
+  const a = A(() => {
+    if (r.length === 0)
+      return !0;
+    const t = r[r.length - 1];
+    if (!t || t.type === "")
+      return !1;
+    const n = new Set(m.map((o) => o.id)), e = new Set(r.map((o) => o.type));
+    return Array.from(n).some((o) => !e.has(o));
+  }, [r, m]), d = (t, n) => {
+    const e = r.map((o, u) => u === t ? { ...o, type: n } : o);
+    l(e);
+  }, g = (t) => {
+    const n = new Set(r.map((e) => e.type));
+    return m.filter(
+      (e) => !n.has(e.id) || e.id === t
+    );
+  }, I = () => {
+    l([...r, { type: "", value: null }]);
+  }, w = (t) => {
+    const n = r[t];
+    n && y(n.type);
+    const e = r.filter((o, u) => u !== t);
+    l(e);
+  };
+  return /* @__PURE__ */ f(v, { children: [
+    r.length > 0 && r.map((t, n) => {
+      const e = i[t.type];
+      return /* @__PURE__ */ f(T, { $flexDirection: "column", $marginBottomX: 1, children: [
+        /* @__PURE__ */ f(h, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
+          /* @__PURE__ */ p(
+            $,
+            {
+              renderAs: "primary",
+              options: g(t.type),
+              widthX: 24,
+              label: "Select Type",
+              value: t.type || "",
+              onChange: (o) => d(n, o)
+            }
+          ),
+          /* @__PURE__ */ p(x, { label: "Remove", onClick: () => w(n) })
+        ] }),
+        e && /* @__PURE__ */ p(
+          D,
+          {
+            inputId: t.type,
+            formData: c,
+            handleFormDataChange: s,
+            schemeConfig: e,
+            showHidden: !0
+          }
+        )
+      ] }, t.type);
+    }),
+    a && /* @__PURE__ */ p(
+      b,
+      {
+        renderAs: "secondary",
+        size: "small",
+        widthX: 16,
+        label: "Add Another",
+        onClick: I,
+        Icon: C,
+        iconPosition: "left"
+      }
+    )
+  ] });
+};
+export {
+  z as default
+};
+//# sourceMappingURL=dynamic-input-handler.js.map

package/dist/features/milestone/outcome/comps/outcome-collection/dynamic-input-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-input-handler.js","sources":["../../../../../../src/features/milestone/outcome/comps/outcome-collection/dynamic-input-handler.tsx"],"sourcesContent":["import type {\n  IFormDynamicGroupedInputProps,\n  IGetAvailableOptions,\n} from './outcome-form/outcome-form-types';\n\nimport React, { useMemo } from 'react';\n\nimport PlusIcon from '../../../../../assets/line-icons/icons/plus';\nimport Button from '../../../../ui/buttons/button/button';\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport SelectInput from '../../../../ui/inputs/select-input/select-input';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport InputHandler from './input-handler';\nimport { DynamicInputWrapper } from './outcome-styled';\n\nconst FormDynamicInputHandler: React.FC<IFormDynamicGroupedInputProps> = ({\n  formData,\n  handleFormDataChange,\n  configMap,\n  additionalSchemes,\n  setAdditionalSchemes,\n  inputFieldsArray,\n  onInputRemove,\n}) => {\n  const canAddMore = useMemo(() => {\n    if (additionalSchemes.length === 0) {\n      return true;\n    }\n\n    const lastScheme = additionalSchemes[additionalSchemes.length - 1];\n\n    if (!lastScheme || lastScheme.type === '') {\n      // Don't allow adding if the last field is not filled\n      return false;\n    }\n\n    const fieldIds = new Set(inputFieldsArray.map(option => option.id));\n    const usedFieldIds = new Set(additionalSchemes.map(scheme => scheme.type));\n\n    return Array.from(fieldIds).some(id => !usedFieldIds.has(id));\n  }, [additionalSchemes, inputFieldsArray]);\n\n  const handleAdditionalSchemeChange = (index: number, value: string) => {\n    const updatedSchemes = additionalSchemes.map((scheme, idx) => {\n      if (idx === index) {\n        return { ...scheme, type: value };\n      }\n\n      return scheme;\n    });\n\n    setAdditionalSchemes(updatedSchemes);\n  };\n\n  const getAvailableOptions: IGetAvailableOptions = selectedType => {\n    const selectedTypes = new Set(additionalSchemes.map(scheme => scheme.type));\n\n    return inputFieldsArray.filter(\n      option => !selectedTypes.has(option.id) || option.id === selectedType,\n    );\n  };\n\n  const addAdditionalScheme = () => {\n    setAdditionalSchemes([...additionalSchemes, { type: '', value: null }]);\n  };\n  const removeAdditionalScheme = (index: number) => {\n    const fieldToRemove = additionalSchemes[index];\n\n    if (fieldToRemove) {\n      onInputRemove(fieldToRemove.type);\n    }\n\n    const updatedSchemes = additionalSchemes.filter((_, idx) => idx !== index);\n\n    setAdditionalSchemes(updatedSchemes);\n  };\n\n  return (\n    <>\n      {additionalSchemes.length > 0 &&\n        additionalSchemes.map((scheme, index) => {\n          const schemeConfig = configMap[scheme.type];\n\n          return (\n            <DynamicInputWrapper key={scheme.type} $flexDirection=\"column\" $marginBottomX={1}>\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n                <SelectInput\n                  renderAs=\"primary\"\n                  options={getAvailableOptions(scheme.type)}\n                  widthX={24}\n                  label=\"Select Type\"\n                  value={scheme.type || ''}\n                  onChange={value => handleAdditionalSchemeChange(index, value)}\n                />\n                <TextButton label=\"Remove\" onClick={() => removeAdditionalScheme(index)} />\n              </FlexView>\n              {schemeConfig && (\n                <InputHandler\n                  inputId={scheme.type}\n                  formData={formData}\n                  handleFormDataChange={handleFormDataChange}\n                  schemeConfig={schemeConfig}\n                  showHidden\n                />\n              )}\n            </DynamicInputWrapper>\n          );\n        })}\n      {canAddMore && (\n        <Button\n          renderAs=\"secondary\"\n          size=\"small\"\n          widthX={16}\n          label=\"Add Another\"\n          onClick={addAdditionalScheme}\n          Icon={PlusIcon}\n          iconPosition=\"left\"\n        />\n      )}\n    </>\n  );\n};\n\nexport default FormDynamicInputHandler;\n"],"names":["FormDynamicInputHandler","formData","handleFormDataChange","configMap","additionalSchemes","setAdditionalSchemes","inputFieldsArray","onInputRemove","canAddMore","useMemo","lastScheme","fieldIds","option","usedFieldIds","scheme","id","handleAdditionalSchemeChange","index","value","updatedSchemes","idx","getAvailableOptions","selectedType","selectedTypes","addAdditionalScheme","removeAdditionalScheme","fieldToRemove","_","jsxs","Fragment","schemeConfig","DynamicInputWrapper","FlexView","jsx","SelectInput","TextButton","InputHandler","Button","PlusIcon"],"mappings":"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"}

package/dist/features/milestone/outcome/comps/outcome-collection/input-descriptor.js

@@ -0,0 +1,14 @@
+import { jsxs as n, Fragment as $, jsx as e } from "react/jsx-runtime";
+import m from "../../../../ui/text/text.js";
+const a = ({
+  index: r,
+  question: o,
+  description: t
+}) => /* @__PURE__ */ n($, { children: [
+  /* @__PURE__ */ e(m, { $renderAs: "body1", $marginBottomX: 0.5, children: r ? `${r}. ${o}` : o }),
+  t && /* @__PURE__ */ e(m, { $renderAs: "body2", $color: "BLACK_75", $marginBottomX: 0.5, children: t })
+] });
+export {
+  a as default
+};
+//# sourceMappingURL=input-descriptor.js.map

package/dist/features/milestone/outcome/comps/outcome-collection/input-descriptor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-descriptor.js","sources":["../../../../../../src/features/milestone/outcome/comps/outcome-collection/input-descriptor.tsx"],"sourcesContent":["import React from 'react';\n\nimport Text from '../../../../ui/text/text';\n\ntype RenderInputDescriptionProps = {\n  index: number | null;\n  question: string;\n  description?: string | null;\n};\n\nconst InputDescription: React.FC<RenderInputDescriptionProps> = ({\n  index,\n  question,\n  description,\n}) => {\n  return (\n    <>\n      <Text $renderAs=\"body1\" $marginBottomX={0.5}>\n        {index ? `${index}. ${question}` : question}\n      </Text>\n      {description && (\n        <Text $renderAs=\"body2\" $color=\"BLACK_75\" $marginBottomX={0.5}>\n          {description}\n        </Text>\n      )}\n    </>\n  );\n};\n\nexport default InputDescription;\n"],"names":["InputDescription","index","question","description","jsxs","Fragment","jsx","Text"],"mappings":";;AAUA,MAAMA,IAA0D,CAAC;AAAA,EAC/D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AACF,MAGM,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,SAAQ,gBAAgB,KACrC,UAAQN,IAAA,GAAGA,CAAK,KAAKC,CAAQ,KAAKA,GACrC;AAAA,EACCC,uBACEI,GAAK,EAAA,WAAU,SAAQ,QAAO,YAAW,gBAAgB,KACvD,UACHJ,EAAA,CAAA;AAEJ,EAAA,CAAA;"}

package/dist/features/milestone/outcome/comps/outcome-collection/input-handler.js

@@ -0,0 +1,97 @@
+import { jsx as p } from "react/jsx-runtime";
+import f from "../../../../ui/inputs/cascading-select-input/cascading-select-input.js";
+import g from "../../../../ui/inputs/num-range-input/num-range-input.js";
+import d from "../../../../ui/inputs/percentile-input/percentile-input.js";
+import y from "../../../../ui/inputs/text-input/text-input.js";
+import { parseNumRangeValue as k, getDropdownOptions as v, parseNestedSelect as w } from "./outcome-form/outcome-form-helpers.js";
+import N from "./rank-inputs/index.js";
+import P from "./score-marks-input/index.js";
+const A = ({
+  inputId: t,
+  formData: m,
+  handleFormDataChange: n,
+  schemeConfig: a,
+  showHidden: o = !1
+}) => {
+  if (!a) return null;
+  const { input_type: c, hidden: i, validation: e, placeholder: u = {}, variants: s } = a;
+  if (i && !o) return null;
+  const l = m[t];
+  switch (c) {
+    case "nested_select": {
+      const r = v(s);
+      return /* @__PURE__ */ p(
+        f,
+        {
+          options: r,
+          value: w(l),
+          onChange: (x) => n({ [t]: x }),
+          detailPlaceholder: "Select level"
+        }
+      );
+    }
+    case "num_range":
+      return s.length > 0 ? /* @__PURE__ */ p(
+        P,
+        {
+          onChange: (r) => n({ [t]: r }),
+          updateVariant: (r) => n({ input_variant: r }),
+          value: l,
+          validation: e,
+          placeholder: u,
+          variants: s
+        }
+      ) : /* @__PURE__ */ p(
+        g,
+        {
+          onChange: (r) => n({ [t]: r }),
+          value: k(l),
+          middleMax: e == null ? void 0 : e.max,
+          endMax: e == null ? void 0 : e.max,
+          middlePlaceholder: u && u.marks,
+          endPlaceholder: u && u.maxMarks
+        }
+      );
+    case "percentile":
+      return /* @__PURE__ */ p(
+        d,
+        {
+          renderAs: "primary",
+          label: u.text,
+          min: e == null ? void 0 : e.min,
+          max: e == null ? void 0 : e.max,
+          value: l,
+          widthX: 4,
+          size: "regular",
+          onChange: (r) => n({ [t]: r.target.value })
+        }
+      );
+    case "text":
+      return /* @__PURE__ */ p(
+        y,
+        {
+          type: "text",
+          renderAs: "primary",
+          label: u.text,
+          value: l,
+          onChange: (r) => n({ [t]: r.target.value })
+        }
+      );
+    case "ranks":
+      return /* @__PURE__ */ p(
+        N,
+        {
+          rankTypes: s,
+          onChange: (r) => n({ [t]: r }),
+          value: l,
+          validation: e
+        }
+      );
+    default:
+      return null;
+  }
+};
+export {
+  A as default
+};
+//# sourceMappingURL=input-handler.js.map