npm - @cuemath/leap - Versions diffs - 2.8.61-rj-11 → 2.8.61-rj-13 - Mend

@cuemath/leap 2.8.61-rj-11 → 2.8.61-rj-13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1052) hide show

package/dist/features/extra-practice/extra-practice.js CHANGED Viewed

@@ -1,21 +1,21 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { useMemo as b, useCallback as C } from "react";
-import $ from "../../assets/line-icons/icons/plus.js";
-import y from "../ui/arrow-tooltip/arrow-tooltip.js";
-import A from "../ui/buttons/button/button.js";
-import I from "../ui/buttons/text-button/text-button.js";
+import y from "../../assets/line-icons/icons/plus.js";
+import A from "../ui/arrow-tooltip/arrow-tooltip.js";
+import I from "../ui/buttons/button/button.js";
+import O from "../ui/buttons/text-button/text-button.js";
 import i from "../ui/layout/flex-view.js";
-import O from "../ui/text/text.js";
-import R from "./list/list.js";
-const E = ({
+import R from "../ui/text/text.js";
+import $ from "./list/list.js";
+const z = ({
   showAllExtraPractice: t,
   sheets: s,
   userType: r,
   ...c
 }) => {
   const {
-    teacherId: a,
-    onStart: m,
+    teacherId: m,
+    onStart: a,
     onResume: l,
     onReattempt: p,
     onPreview: h,
@@ -23,8 +23,8 @@ const E = ({
     onReset: f,
     onChangeLocation: u,
     onShowOlderSheets: o,
-    onUnlock: x
-  } = c, w = b(
+    onUnlock: w
+  } = c, x = b(
     () => t ? "All extra practice sheets" : "recent extra practice sheets",
     [t]
   ), S = C(() => {
@@ -34,9 +34,9 @@ const E = ({
   }, [o]);
   return /* @__PURE__ */ n(i, { $flexGapX: 1.5, children: [
     /* @__PURE__ */ n(i, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(O, { $renderAs: "eyebrow1", children: w }),
+      /* @__PURE__ */ e(R, { $renderAs: "eyebrow1", children: x }),
       r === "TEACHER" && /* @__PURE__ */ e(
-        y,
+        A,
         {
           widthX: 19.125,
           position: "bottom",
@@ -44,11 +44,11 @@ const E = ({
           tooltipItem: "Assign new extra practice sheets from the chapter’s “Supplementary resources” section",
           tooltipXCoOrdinates: -45,
           children: /* @__PURE__ */ e(
-            A,
+            I,
             {
               renderAs: "primary",
               label: "Extra practice sheet",
-              Icon: $,
+              Icon: y,
               size: "xsmall",
               disabled: !0
             }
@@ -57,24 +57,24 @@ const E = ({
       )
     ] }),
     /* @__PURE__ */ e(
-      R,
+      $,
       {
         sheets: s,
         userType: r,
-        teacherId: a,
-        onStart: m,
+        teacherId: m,
+        onStart: a,
         onResume: l,
         onReattempt: p,
         onPreview: h,
         onReview: d,
         onReset: f,
         onChangeLocation: u,
-        onUnlock: x
+        onUnlock: w
       }
     ),
-    !t && /* @__PURE__ */ e(I, { label: "See older sheets", onClick: S })
+    !t && /* @__PURE__ */ e(O, { label: "See older sheets", onClick: S })
   ] });
-}, z = E;
+};
 export {
   z as default
 };

package/dist/features/extra-practice/extra-practice.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"extra-practice.js","sources":["../../../src/features/extra-practice/extra-practice.tsx"],"sourcesContent":["import type { IExtraPracticeProps } from './extra-practice-types';\n\nimport { useCallback, type FC, useMemo } from 'react';\n\nimport PlusIcon from '../../assets/line-icons/icons/plus';\nimport ArrowTooltip from '../ui/arrow-tooltip/arrow-tooltip';\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 List from './list/list';\n\nconst ExtraPractice: FC<IExtraPracticeProps> = ({\n showAllExtraPractice,\n sheets,\n userType,\n ...restExtraPracticeProps\n}) => {\n const {\n teacherId,\n onStart,\n onResume,\n onReattempt,\n onPreview,\n onReview,\n onReset,\n onChangeLocation,\n onShowOlderSheets,\n onUnlock,\n } = restExtraPracticeProps;\n const title = useMemo(\n () => (showAllExtraPractice ? 'All extra practice sheets' : 'recent extra practice sheets'),\n [showAllExtraPractice],\n );\n\n const handleOnShowOlderSheets = useCallback(() => {\n if (typeof onShowOlderSheets !== 'function') {\n throw new Error('onShowOlderSheets must be a function');\n }\n\n onShowOlderSheets();\n }, [onShowOlderSheets]);\n\n return (\n <FlexView $flexGapX={1.5}>\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n <Text $renderAs=\"eyebrow1\">{title}</Text>\n\n {userType === 'TEACHER' && (\n <ArrowTooltip\n widthX={19.125}\n position=\"bottom\"\n renderAs=\"primary\"\n tooltipItem={`Assign new extra practice sheets from the chapter’s “Supplementary resources” section`}\n tooltipXCoOrdinates={-45}\n >\n <Button\n renderAs=\"primary\"\n label=\"Extra practice sheet\"\n Icon={PlusIcon}\n size=\"xsmall\"\n disabled\n />\n </ArrowTooltip>\n )}\n </FlexView>\n\n <List\n sheets={sheets}\n userType={userType}\n teacherId={teacherId}\n onStart={onStart}\n onResume={onResume}\n onReattempt={onReattempt}\n onPreview={onPreview}\n onReview={onReview}\n onReset={onReset}\n onChangeLocation={onChangeLocation}\n onUnlock={onUnlock}\n />\n\n {!showAllExtraPractice && (\n <TextButton label=\"See older sheets\" onClick={handleOnShowOlderSheets} />\n )}\n </FlexView>\n );\n};\n\nexport default ExtraPractice;\n"],"names":["ExtraPractice","showAllExtraPractice","sheets","userType","restExtraPracticeProps","teacherId","onStart","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onShowOlderSheets","onUnlock","title","useMemo","handleOnShowOlderSheets","useCallback","jsxs","FlexView","jsx","Text","ArrowTooltip","Button","PlusIcon","List","TextButton"~~,"ExtraPractice$1"~~],"mappings":";;;;;;;;;AAYA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,sBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,~~EACE~~,~~IAAAV~~,GACEW,IAAQC;AAAA,IACZ,MAAOf,IAAuB,8BAA8B;AAAA,IAC5D,CAACA,CAAoB;AAAA,~~EAAA~~,~~GAGjBgB~~,IAA0BC,EAAY,MAAM;AAC5C,QAAA,OAAOL,KAAsB;AACzB,YAAA,IAAI,MAAM,sCAAsC;AAGtC,IAAAA;EAAA,GACjB,CAACA,CAAiB,CAAC;AAGpB,SAAA,gBAAAM,EAACC,GAAS,EAAA,WAAW,KACnB,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAY,UAAMP,GAAA;AAAA,MAEjCZ,MAAa,aACZ,gBAAAkB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,UAAS;AAAA,UACT,UAAS;AAAA,UACT,aAAa;AAAA,UACb,qBAAqB;AAAA,UAErB,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,MAAMC;AAAA,cACN,MAAK;AAAA,cACL,UAAQ;AAAA,YAAA;AAAA,~~UACV~~;AAAA,~~QAAA~~;AAAA,~~MACF~~;AAAA,~~IAAA~~,GAEJ;AAAA,IAEA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAAxB;AAAA,QACA,UAAAC;AAAA,QACA,WAAAE;AAAA,QACA,SAAAC;AAAA,QACA,UAAAC;AAAA,QACA,aAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,UAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IAEC,CAACb,KACA,gBAAAoB,EAACM,KAAW,OAAM,oBAAmB,SAASV,~~GAAyB~~;AAAA,~~EAE3E,~~EAAA,~~CAAA~~;AAEJ~~,GAEAW,IAAe5B~~;"}
1	+ {"version":3,"file":"extra-practice.js","sources":["../../../src/features/extra-practice/extra-practice.tsx"],"sourcesContent":["import type { IExtraPracticeProps } from './extra-practice-types';\n\nimport { useCallback, type FC, useMemo } from 'react';\n\nimport PlusIcon from '../../assets/line-icons/icons/plus';\nimport ArrowTooltip from '../ui/arrow-tooltip/arrow-tooltip';\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 List from './list/list';\n\nconst ExtraPractice: FC<IExtraPracticeProps> = ({\n showAllExtraPractice,\n sheets,\n userType,\n ...restExtraPracticeProps\n}) => {\n const {\n teacherId,\n onStart,\n onResume,\n onReattempt,\n onPreview,\n onReview,\n onReset,\n onChangeLocation,\n onShowOlderSheets,\n onUnlock,\n } = restExtraPracticeProps;\n const title = useMemo(\n () => (showAllExtraPractice ? 'All extra practice sheets' : 'recent extra practice sheets'),\n [showAllExtraPractice],\n );\n\n const handleOnShowOlderSheets = useCallback(() => {\n if (typeof onShowOlderSheets !== 'function') {\n throw new Error('onShowOlderSheets must be a function');\n }\n\n onShowOlderSheets();\n }, [onShowOlderSheets]);\n\n return (\n <FlexView $flexGapX={1.5}>\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n <Text $renderAs=\"eyebrow1\">{title}</Text>\n\n {userType === 'TEACHER' && (\n <ArrowTooltip\n widthX={19.125}\n position=\"bottom\"\n renderAs=\"primary\"\n tooltipItem={`Assign new extra practice sheets from the chapter’s “Supplementary resources” section`}\n tooltipXCoOrdinates={-45}\n >\n <Button\n renderAs=\"primary\"\n label=\"Extra practice sheet\"\n Icon={PlusIcon}\n size=\"xsmall\"\n disabled\n />\n </ArrowTooltip>\n )}\n </FlexView>\n\n <List\n sheets={sheets}\n userType={userType}\n teacherId={teacherId}\n onStart={onStart}\n onResume={onResume}\n onReattempt={onReattempt}\n onPreview={onPreview}\n onReview={onReview}\n onReset={onReset}\n onChangeLocation={onChangeLocation}\n onUnlock={onUnlock}\n />\n\n {!showAllExtraPractice && (\n <TextButton label=\"See older sheets\" onClick={handleOnShowOlderSheets} />\n )}\n </FlexView>\n );\n};\n\nexport default ExtraPractice;\n"],"names":["ExtraPractice","showAllExtraPractice","sheets","userType","restExtraPracticeProps","teacherId","onStart","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onShowOlderSheets","onUnlock","title","useMemo","handleOnShowOlderSheets","useCallback","jsxs","FlexView","jsx","Text","ArrowTooltip","Button","PlusIcon","List","TextButton"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,sBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEV,GACEW,IAAQC;AAAA,IACZ,MAAOf,IAAuB,8BAA8B;AAAA,IAC5D,CAACA,CAAoB;AAAA,EACvB,GAEMgB,IAA0BC,EAAY,MAAM;AAC5C,QAAA,OAAOL,KAAsB;AACzB,YAAA,IAAI,MAAM,sCAAsC;AAGtC,IAAAA,EAAA;AAAA,EAAA,GACjB,CAACA,CAAiB,CAAC;AAGpB,SAAA,gBAAAM,EAACC,GAAS,EAAA,WAAW,KACnB,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAY,UAAMP,GAAA;AAAA,MAEjCZ,MAAa,aACZ,gBAAAkB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,UAAS;AAAA,UACT,UAAS;AAAA,UACT,aAAa;AAAA,UACb,qBAAqB;AAAA,UAErB,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,MAAMC;AAAA,cACN,MAAK;AAAA,cACL,UAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,IACF,GAEJ;AAAA,IAEA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAAxB;AAAA,QACA,UAAAC;AAAA,QACA,WAAAE;AAAA,QACA,SAAAC;AAAA,QACA,UAAAC;AAAA,QACA,aAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,UAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IAEC,CAACb,KACA,gBAAAoB,EAACM,KAAW,OAAM,oBAAmB,SAASV,EAAyB,CAAA;AAAA,EAAA,GAE3E;AAEJ;"}

package/dist/features/extra-practice/list/list-constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-constants.js","sources":["../../../../src/features/extra-practice/list/list-constants.ts"],"sourcesContent":["import type { TTabsDataProps } from './list-types';\n\nimport { SHEET_STATE } from '../../sheets/constants/sheet';\n\nconst { LOCKED, NOT_STARTED, IN_PROGRESS, FAMILIAR, PROFICIENT, MASTERED, COMPLETED, RE_ATTEMPT } =\n SHEET_STATE;\n\nconst TABS: TTabsDataProps[] = [\n {\n id: 'all-sheets',\n label: 'All',\n search_list: [],\n },\n {\n id: 'unattempted-sheets',\n label: 'Unattempted',\n search_list: [LOCKED, NOT_STARTED, RE_ATTEMPT],\n },\n {\n id: 'inprogress-sheets',\n label: 'In progress',\n search_list: [IN_PROGRESS],\n },\n {\n id: 'submitted-sheets',\n label: 'Submitted',\n search_list: [FAMILIAR, PROFICIENT, MASTERED, COMPLETED],\n },\n] as const;\n\nexport { TABS };\n"],"names":["LOCKED","NOT_STARTED","IN_PROGRESS","FAMILIAR","PROFICIENT","MASTERED","COMPLETED","RE_ATTEMPT","SHEET_STATE","TABS"],"mappings":";AAIA,MAAM,EAAE,QAAAA,GAAQ,aAAAC,GAAa,aAAAC,GAAa,UAAAC,GAAU,YAAAC,GAAY,UAAAC,GAAU,WAAAC,GAAW,YAAAC,~~EACnF~~,~~IAAAC~~,GAEIC,IAAyB;AAAA,EAC7B;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,~~CAAC~~;AAAA,~~EAChB~~;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAACT,GAAQC,GAAaM,CAAU;AAAA,EAC/C;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAACL,CAAW;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAACC,GAAUC,GAAYC,GAAUC,CAAS;AAAA,~~EACzD~~;~~AACF~~;"}
1	+ {"version":3,"file":"list-constants.js","sources":["../../../../src/features/extra-practice/list/list-constants.ts"],"sourcesContent":["import type { TTabsDataProps } from './list-types';\n\nimport { SHEET_STATE } from '../../sheets/constants/sheet';\n\nconst { LOCKED, NOT_STARTED, IN_PROGRESS, FAMILIAR, PROFICIENT, MASTERED, COMPLETED, RE_ATTEMPT } =\n SHEET_STATE;\n\nconst TABS: TTabsDataProps[] = [\n {\n id: 'all-sheets',\n label: 'All',\n search_list: [],\n },\n {\n id: 'unattempted-sheets',\n label: 'Unattempted',\n search_list: [LOCKED, NOT_STARTED, RE_ATTEMPT],\n },\n {\n id: 'inprogress-sheets',\n label: 'In progress',\n search_list: [IN_PROGRESS],\n },\n {\n id: 'submitted-sheets',\n label: 'Submitted',\n search_list: [FAMILIAR, PROFICIENT, MASTERED, COMPLETED],\n },\n] as const;\n\nexport { TABS };\n"],"names":["LOCKED","NOT_STARTED","IN_PROGRESS","FAMILIAR","PROFICIENT","MASTERED","COMPLETED","RE_ATTEMPT","SHEET_STATE","TABS"],"mappings":";AAIA,MAAM,EAAE,QAAAA,GAAQ,aAAAC,GAAa,aAAAC,GAAa,UAAAC,GAAU,YAAAC,GAAY,UAAAC,GAAU,WAAAC,GAAW,YAAAC,EAAA,IACnFC,GAEIC,IAAyB;AAAA,EAC7B;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAAA;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAACT,GAAQC,GAAaM,CAAU;AAAA,EAC/C;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAACL,CAAW;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAACC,GAAUC,GAAYC,GAAUC,CAAS;AAAA,EAAA;AAE3D;"}

package/dist/features/extra-practice/list/list-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-styled.js","sources":["../../../../src/features/extra-practice/list/list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface ITabProps {\n $selected: boolean;\n}\n\nconst Tab = styled(FlexView)<ITabProps>(({ $selected, theme }) => {\n const { BLACK, WHITE } = theme.colors;\n const { gutter } = theme.layout;\n\n return `\n padding: 0 ${gutter * 1.5}px ${gutter * 1.125}px;\n cursor: pointer;\n border-bottom: 2px solid ${$selected ? BLACK : WHITE};\n `;\n});\n\nexport { Tab };\n"],"names":["Tab","styled","FlexView","$selected","theme","BLACK","WHITE","gutter"],"mappings":";;AAQM,MAAAA,IAAMC,EAAOC,CAAQ,EAAa,CAAC,EAAE,WAAAC,GAAW,OAAAC,QAAY;AAChE,QAAM,EAAE,OAAAC,GAAO,OAAAC,~~MAAUF~~,EAAM,QACzB,EAAE,QAAAG,~~EAAO~~,~~IAAIH,~~EAAM;AAElB,SAAA;AAAA,iBACQG,IAAS,GAAG,MAAMA,IAAS,KAAK;AAAA;AAAA,+BAElBJ,IAAYE,IAAQC,CAAK;AAAA;AAExD,CAAC;"}
1	+ {"version":3,"file":"list-styled.js","sources":["../../../../src/features/extra-practice/list/list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface ITabProps {\n $selected: boolean;\n}\n\nconst Tab = styled(FlexView)<ITabProps>(({ $selected, theme }) => {\n const { BLACK, WHITE } = theme.colors;\n const { gutter } = theme.layout;\n\n return `\n padding: 0 ${gutter * 1.5}px ${gutter * 1.125}px;\n cursor: pointer;\n border-bottom: 2px solid ${$selected ? BLACK : WHITE};\n `;\n});\n\nexport { Tab };\n"],"names":["Tab","styled","FlexView","$selected","theme","BLACK","WHITE","gutter"],"mappings":";;AAQM,MAAAA,IAAMC,EAAOC,CAAQ,EAAa,CAAC,EAAE,WAAAC,GAAW,OAAAC,QAAY;AAChE,QAAM,EAAE,OAAAC,GAAO,OAAAC,EAAM,IAAIF,EAAM,QACzB,EAAE,QAAAG,MAAWH,EAAM;AAElB,SAAA;AAAA,iBACQG,IAAS,GAAG,MAAMA,IAAS,KAAK;AAAA;AAAA,+BAElBJ,IAAYE,IAAQC,CAAK;AAAA;AAExD,CAAC;"}

package/dist/features/extra-practice/list/list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list.js","sources":["../../../../src/features/extra-practice/list/list.tsx"],"sourcesContent":["import type { ISheetDataProps } from '../../sheets/sheets-list/sheet-item/sheet-item-types';\nimport type { IListProps, TTabsDataProps } from './list-types';\nimport type { FC } from 'react';\n\nimport { useState } from 'react';\n\nimport SheetsList from '../../sheets/sheets-list/sheets-list';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { TABS } from './list-constants';\nimport * as Styled from './list-styled';\nimport { getSelectedTabSheets } from './list-util';\n\nconst List: FC<IListProps> = ({ sheets, userType, onStart, ...restListProps }) => {\n const {\n teacherId,\n onResume,\n onReattempt,\n onPreview,\n onReview,\n onReset,\n onChangeLocation,\n onUnlock,\n } = restListProps;\n\n const [selectedTab, setSelectedTab] = useState<TTabsDataProps>(TABS[0]!);\n const [sheetData, setSheetData] = useState<ISheetDataProps[]>(() =>\n getSelectedTabSheets(sheets, selectedTab.search_list),\n );\n\n const handleOnTabSelection = (tab: TTabsDataProps) => {\n setSelectedTab(tab);\n setSheetData(getSelectedTabSheets(sheets, tab.search_list));\n };\n\n return (\n <>\n <FlexView $flexDirection=\"row\">\n {TABS.map(tab => {\n const { id, label } = tab;\n const selected = selectedTab.label === label;\n\n return (\n <Styled.Tab key={id} $selected={selected} onClick={() => handleOnTabSelection(tab)}>\n <Text $renderAs={selected ? 'cta2' : 'body2'}>{label}</Text>\n </Styled.Tab>\n );\n })}\n </FlexView>\n\n <SheetsList\n sheets={sheetData}\n teacherId={teacherId}\n section=\"extra_practice\"\n emptySheetsText=\"No Extra practice sheets available.\"\n userType={userType}\n onStart={onStart}\n onResume={onResume}\n onReattempt={onReattempt}\n onPreview={onPreview}\n onReview={onReview}\n onReset={onReset}\n onChangeLocation={onChangeLocation}\n onUnlock={onUnlock}\n renderNodeTypeTag\n />\n </>\n );\n};\n\nexport default List;\n"],"names":["List","sheets","userType","onStart","restListProps","teacherId","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onUnlock","selectedTab","setSelectedTab","useState","TABS","sheetData","setSheetData","getSelectedTabSheets","handleOnTabSelection","tab","jsxs","Fragment","jsx","FlexView","id","label","selected","Styled.Tab","Text","SheetsList"],"mappings":";;;;;;;;AAaM,MAAAA,IAAuB,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,GAAS,GAAGC,QAAoB;AAC1E,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,~~EACE~~,~~IAAAR~~,GAEE,CAACS,GAAaC,CAAc,IAAIC,EAAyBC,EAAK,CAAC,CAAE,GACjE,CAACC,GAAWC,CAAY,IAAIH;AAAA,IAA4B,MAC5DI,EAAqBlB,GAAQY,EAAY,WAAW;AAAA,~~EAAA~~,~~GAGhDO~~,IAAuB,CAACC,MAAwB;AACpD,IAAAP,EAAeO,CAAG,GAClBH,EAAaC,EAAqBlB,GAAQoB,EAAI,WAAW,CAAC;AAAA,~~EAAA~~;~~AAG5D~~,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA,gBAAe,OACtB,UAAAT,EAAK,IAAI,CAAOK,MAAA;AACT,YAAA,EAAE,IAAAK,GAAI,OAAAC,~~EAAU~~,~~IAAAN~~,GAChBO,IAAWf,EAAY,UAAUc;AAEvC,+BACGE,GAAA,EAAoB,WAAWD,GAAU,SAAS,MAAMR,EAAqBC,CAAG,GAC/E,UAAA,gBAAAG,EAACM,KAAK,WAAWF,IAAW,SAAS,SAAU,UAAAD,~~EAAM~~,~~CAAA~~,KADtCD,CAEjB;AAAA,IAEH,CAAA,GACH;AAAA,IAEA,gBAAAF;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,QAAQd;AAAA,QACR,WAAAZ;AAAA,QACA,SAAQ;AAAA,QACR,iBAAgB;AAAA,QAChB,UAAAH;AAAA,QACA,SAAAC;AAAA,QACA,UAAAG;AAAA,QACA,aAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,UAAAC;AAAA,QACA,mBAAiB;AAAA,MAAA;AAAA,~~IACnB~~;AAAA,~~EACF~~,~~EAAA,CAAA~~;AAEJ;"}
1	+ {"version":3,"file":"list.js","sources":["../../../../src/features/extra-practice/list/list.tsx"],"sourcesContent":["import type { ISheetDataProps } from '../../sheets/sheets-list/sheet-item/sheet-item-types';\nimport type { IListProps, TTabsDataProps } from './list-types';\nimport type { FC } from 'react';\n\nimport { useState } from 'react';\n\nimport SheetsList from '../../sheets/sheets-list/sheets-list';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { TABS } from './list-constants';\nimport * as Styled from './list-styled';\nimport { getSelectedTabSheets } from './list-util';\n\nconst List: FC<IListProps> = ({ sheets, userType, onStart, ...restListProps }) => {\n const {\n teacherId,\n onResume,\n onReattempt,\n onPreview,\n onReview,\n onReset,\n onChangeLocation,\n onUnlock,\n } = restListProps;\n\n const [selectedTab, setSelectedTab] = useState<TTabsDataProps>(TABS[0]!);\n const [sheetData, setSheetData] = useState<ISheetDataProps[]>(() =>\n getSelectedTabSheets(sheets, selectedTab.search_list),\n );\n\n const handleOnTabSelection = (tab: TTabsDataProps) => {\n setSelectedTab(tab);\n setSheetData(getSelectedTabSheets(sheets, tab.search_list));\n };\n\n return (\n <>\n <FlexView $flexDirection=\"row\">\n {TABS.map(tab => {\n const { id, label } = tab;\n const selected = selectedTab.label === label;\n\n return (\n <Styled.Tab key={id} $selected={selected} onClick={() => handleOnTabSelection(tab)}>\n <Text $renderAs={selected ? 'cta2' : 'body2'}>{label}</Text>\n </Styled.Tab>\n );\n })}\n </FlexView>\n\n <SheetsList\n sheets={sheetData}\n teacherId={teacherId}\n section=\"extra_practice\"\n emptySheetsText=\"No Extra practice sheets available.\"\n userType={userType}\n onStart={onStart}\n onResume={onResume}\n onReattempt={onReattempt}\n onPreview={onPreview}\n onReview={onReview}\n onReset={onReset}\n onChangeLocation={onChangeLocation}\n onUnlock={onUnlock}\n renderNodeTypeTag\n />\n </>\n );\n};\n\nexport default List;\n"],"names":["List","sheets","userType","onStart","restListProps","teacherId","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onUnlock","selectedTab","setSelectedTab","useState","TABS","sheetData","setSheetData","getSelectedTabSheets","handleOnTabSelection","tab","jsxs","Fragment","jsx","FlexView","id","label","selected","Styled.Tab","Text","SheetsList"],"mappings":";;;;;;;;AAaM,MAAAA,IAAuB,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,GAAS,GAAGC,QAAoB;AAC1E,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACER,GAEE,CAACS,GAAaC,CAAc,IAAIC,EAAyBC,EAAK,CAAC,CAAE,GACjE,CAACC,GAAWC,CAAY,IAAIH;AAAA,IAA4B,MAC5DI,EAAqBlB,GAAQY,EAAY,WAAW;AAAA,EACtD,GAEMO,IAAuB,CAACC,MAAwB;AACpD,IAAAP,EAAeO,CAAG,GAClBH,EAAaC,EAAqBlB,GAAQoB,EAAI,WAAW,CAAC;AAAA,EAC5D;AAEA,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA,gBAAe,OACtB,UAAAT,EAAK,IAAI,CAAOK,MAAA;AACT,YAAA,EAAE,IAAAK,GAAI,OAAAC,EAAA,IAAUN,GAChBO,IAAWf,EAAY,UAAUc;AAEvC,+BACGE,GAAA,EAAoB,WAAWD,GAAU,SAAS,MAAMR,EAAqBC,CAAG,GAC/E,UAAA,gBAAAG,EAACM,KAAK,WAAWF,IAAW,SAAS,SAAU,UAAAD,EAAA,CAAM,KADtCD,CAEjB;AAAA,IAEH,CAAA,GACH;AAAA,IAEA,gBAAAF;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,QAAQd;AAAA,QACR,WAAAZ;AAAA,QACA,SAAQ;AAAA,QACR,iBAAgB;AAAA,QAChB,UAAAH;AAAA,QACA,SAAAC;AAAA,QACA,UAAAG;AAAA,QACA,aAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,UAAAC;AAAA,QACA,mBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;"}

package/dist/features/hooks/use-audio-player.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-audio-player.js","sources":["../../../src/features/hooks/use-audio-player.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useUIContext } from '../ui/context/context';\n\ndeclare global {\n interface Window {\n webkitAudioContext?: AudioContext;\n }\n}\n\nconst useAudioPlayer = (audioUrls: { url: string; name: string }[]) => {\n const [audioBuffers, setAudioBuffers] = useState<Record<string, AudioBuffer \| null>>({});\n\n const context = useMemo(() => {\n const audioContext = new (AudioContext \|\| window.webkitAudioContext)();\n\n return audioContext;\n }, []);\n\n const { onEvent: trackEvent } = useUIContext();\n\n const getAudioBuffer = useCallback(\n async (url: string, name: string) => {\n try {\n const response = await fetch(url);\n const arrayBuffer = await response.arrayBuffer();\n const audioBuffer = await context.decodeAudioData(arrayBuffer);\n\n setAudioBuffers(prev => ({ ...prev, [name]: audioBuffer }));\n } catch (e) {\n trackEvent('audio_fetch_failed', { error: e });\n }\n },\n [context, trackEvent],\n );\n\n useEffect(() => {\n audioUrls.forEach(({ url, name }) => {\n getAudioBuffer(url, name);\n });\n\n return () => {\n try {\n context.close();\n } catch (e) {\n trackEvent('audio_context_closing_failed', { error: e });\n }\n };\n }, [audioUrls, context, getAudioBuffer, trackEvent]);\n\n const playSound = useCallback(\n (name: string) => {\n const buffer = audioBuffers[name];\n\n if (!buffer) {\n trackEvent('audio_buffer_not_found', { name });\n\n return;\n }\n\n const source = context.createBufferSource();\n\n source.buffer = buffer;\n source.connect(context.destination);\n source.start();\n },\n [audioBuffers, context, trackEvent],\n );\n\n return playSound;\n};\n\nexport default useAudioPlayer;\n"],"names":["useAudioPlayer","audioUrls","audioBuffers","setAudioBuffers","useState","context","useMemo","trackEvent","useUIContext","getAudioBuffer","useCallback","url","name","arrayBuffer","audioBuffer","prev","e","useEffect","buffer","source"],"mappings":";;AAUM,MAAAA,IAAiB,CAACC,MAA+C;AACrE,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAA6C,CAAE,~~CAAA,~~GAEjFC,IAAUC,EAAQ,MACD,KAAK,gBAAgB,OAAO,oBAAoB,GAGpE,~~CAAE~~,~~CAAA,~~GAEC,EAAE,SAASC,EAAW,IAAIC,EAAa,GAEvCC,IAAiBC;AAAA,IACrB,OAAOC,GAAaC,MAAiB;AAC/B,UAAA;AAEI,cAAAC,IAAc,OADH,MAAM,MAAMF,CAAG,GACG,~~eAC7BG~~,IAAc,MAAMT,EAAQ,gBAAgBQ,CAAW;AAE7C,QAAAV,EAAA,CAAAY,OAAS,EAAE,GAAGA,GAAM,CAACH,CAAI,GAAGE,~~EAAc,EAAA~~;AAAA,eACnDE,GAAG;AACV,QAAAT,EAAW,sBAAsB,EAAE,OAAOS,~~EAAG~~,~~CAAA~~;AAAA,~~MAC/C~~;AAAA,~~IACF~~;AAAA,IACA,CAACX,GAASE,CAAU;AAAA,~~EAAA~~;~~AAGtB~~,SAAAU,EAAU,OACRhB,EAAU,QAAQ,CAAC,EAAE,KAAAU,GAAK,MAAAC,QAAW;AACnC,IAAAH,EAAeE,GAAKC,CAAI;AAAA,EAAA,CACzB,GAEM,MAAM;AACP,QAAA;AACF,MAAAP,EAAQ,MAAM;AAAA,aACPW,GAAG;AACV,MAAAT,EAAW,gCAAgC,EAAE,OAAOS,~~EAAG~~,~~CAAA~~;AAAA,~~IACzD~~;AAAA,~~EAAA~~,~~IAED~~,CAACf,GAAWI,GAASI,GAAgBF,CAAU,CAAC,GAEjCG;AAAA,IAChB,CAACE,MAAiB;AACV,YAAAM,IAAShB,EAAaU,CAAI;AAEhC,UAAI,CAACM,GAAQ;AACA,QAAAX,EAAA,0BAA0B,EAAE,MAAAK,~~EAAA,CAAM~~;AAE7C;AAAA,~~MACF~~;~~AAEM~~,YAAAO,IAASd,EAAQ;~~AAEvB~~,MAAAc,EAAO,SAASD,GACTC,EAAA,QAAQd,EAAQ,WAAW,GAClCc,EAAO,MAAM;AAAA,IACf;AAAA,IACA,CAACjB,GAAcG,GAASE,CAAU;AAAA,~~EAAA~~;~~AAItC~~;"}
1	+ {"version":3,"file":"use-audio-player.js","sources":["../../../src/features/hooks/use-audio-player.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useUIContext } from '../ui/context/context';\n\ndeclare global {\n interface Window {\n webkitAudioContext?: AudioContext;\n }\n}\n\nconst useAudioPlayer = (audioUrls: { url: string; name: string }[]) => {\n const [audioBuffers, setAudioBuffers] = useState<Record<string, AudioBuffer \| null>>({});\n\n const context = useMemo(() => {\n const audioContext = new (AudioContext \|\| window.webkitAudioContext)();\n\n return audioContext;\n }, []);\n\n const { onEvent: trackEvent } = useUIContext();\n\n const getAudioBuffer = useCallback(\n async (url: string, name: string) => {\n try {\n const response = await fetch(url);\n const arrayBuffer = await response.arrayBuffer();\n const audioBuffer = await context.decodeAudioData(arrayBuffer);\n\n setAudioBuffers(prev => ({ ...prev, [name]: audioBuffer }));\n } catch (e) {\n trackEvent('audio_fetch_failed', { error: e });\n }\n },\n [context, trackEvent],\n );\n\n useEffect(() => {\n audioUrls.forEach(({ url, name }) => {\n getAudioBuffer(url, name);\n });\n\n return () => {\n try {\n context.close();\n } catch (e) {\n trackEvent('audio_context_closing_failed', { error: e });\n }\n };\n }, [audioUrls, context, getAudioBuffer, trackEvent]);\n\n const playSound = useCallback(\n (name: string) => {\n const buffer = audioBuffers[name];\n\n if (!buffer) {\n trackEvent('audio_buffer_not_found', { name });\n\n return;\n }\n\n const source = context.createBufferSource();\n\n source.buffer = buffer;\n source.connect(context.destination);\n source.start();\n },\n [audioBuffers, context, trackEvent],\n );\n\n return playSound;\n};\n\nexport default useAudioPlayer;\n"],"names":["useAudioPlayer","audioUrls","audioBuffers","setAudioBuffers","useState","context","useMemo","trackEvent","useUIContext","getAudioBuffer","useCallback","url","name","arrayBuffer","audioBuffer","prev","e","useEffect","buffer","source"],"mappings":";;AAUM,MAAAA,IAAiB,CAACC,MAA+C;AACrE,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAA6C,CAAA,CAAE,GAEjFC,IAAUC,EAAQ,MACD,KAAK,gBAAgB,OAAO,oBAAoB,GAGpE,EAAE,GAEC,EAAE,SAASC,EAAW,IAAIC,EAAa,GAEvCC,IAAiBC;AAAA,IACrB,OAAOC,GAAaC,MAAiB;AAC/B,UAAA;AAEI,cAAAC,IAAc,OADH,MAAM,MAAMF,CAAG,GACG,YAAY,GACzCG,IAAc,MAAMT,EAAQ,gBAAgBQ,CAAW;AAE7C,QAAAV,EAAA,CAAAY,OAAS,EAAE,GAAGA,GAAM,CAACH,CAAI,GAAGE,IAAc;AAAA,eACnDE,GAAG;AACV,QAAAT,EAAW,sBAAsB,EAAE,OAAOS,EAAA,CAAG;AAAA,MAAA;AAAA,IAEjD;AAAA,IACA,CAACX,GAASE,CAAU;AAAA,EACtB;AAEA,SAAAU,EAAU,OACRhB,EAAU,QAAQ,CAAC,EAAE,KAAAU,GAAK,MAAAC,QAAW;AACnC,IAAAH,EAAeE,GAAKC,CAAI;AAAA,EAAA,CACzB,GAEM,MAAM;AACP,QAAA;AACF,MAAAP,EAAQ,MAAM;AAAA,aACPW,GAAG;AACV,MAAAT,EAAW,gCAAgC,EAAE,OAAOS,EAAA,CAAG;AAAA,IAAA;AAAA,EAE3D,IACC,CAACf,GAAWI,GAASI,GAAgBF,CAAU,CAAC,GAEjCG;AAAA,IAChB,CAACE,MAAiB;AACV,YAAAM,IAAShB,EAAaU,CAAI;AAEhC,UAAI,CAACM,GAAQ;AACA,QAAAX,EAAA,0BAA0B,EAAE,MAAAK,GAAM;AAE7C;AAAA,MAAA;AAGI,YAAAO,IAASd,EAAQ,mBAAmB;AAE1C,MAAAc,EAAO,SAASD,GACTC,EAAA,QAAQd,EAAQ,WAAW,GAClCc,EAAO,MAAM;AAAA,IACf;AAAA,IACA,CAACjB,GAAcG,GAASE,CAAU;AAAA,EACpC;AAGF;"}

package/dist/features/hooks/use-auto-play-permission/use-auto-play-permission-context-provider.js CHANGED Viewed

@@ -1,14 +1,14 @@
 import { jsx as m } from "react/jsx-runtime";
-import { createContext as E, useState as s, useEffect as d } from "react";
+import { useState as s, useEffect as E, createContext as d } from "react";
 import { useUIContext as f } from "../../ui/context/context.js";
 import { EVENTS as r, SMALL_AUDIO as y, SMALL_VIDEO as P } from "./constants.js";
 import { USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS as i } from "./use-auto-play-permission-analytics-events.js";
-const v = E({
+const v = d({
   canAutoPlayAudio: !1,
   canAutoPlayVideo: !1
 }), O = ({ children: u }) => {
   const [l, a] = s(!1), [A, c] = s(!1), { onEvent: o } = f();
-  return d(() => {
+  return E(() => {
     const n = () => {
       a(!0), c(!0), r.forEach((e) => {
         document.removeEventListener(e, n);

package/dist/features/hooks/use-auto-play-permission/use-auto-play-permission-context-provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-auto-play-permission-context-provider.js","sources":["../../../../src/features/hooks/use-auto-play-permission/use-auto-play-permission-context-provider.tsx"],"sourcesContent":["import type { IAutoPlayPermissionContextType } from './use-auto-play-permission-context-types';\nimport type { FC, ReactNode } from 'react';\n\nimport { useState, useEffect, createContext } from 'react';\n\nimport { useUIContext } from '../../ui/context/context';\nimport { EVENTS, SMALL_AUDIO, SMALL_VIDEO } from './constants';\nimport { USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS } from './use-auto-play-permission-analytics-events';\n\nexport const AutoPlayPermissionContext = createContext<IAutoPlayPermissionContextType>({\n canAutoPlayAudio: false,\n canAutoPlayVideo: false,\n});\n\nexport const AutoPlayPermissionProvider: FC<{ children: ReactNode }> = ({ children }) => {\n const [canAutoPlayAudio, setCanAutoPlayAudio] = useState(false);\n const [canAutoPlayVideo, setCanAutoPlayVideo] = useState(false);\n const { onEvent } = useUIContext();\n\n useEffect(() => {\n const enableAutoplay = () => {\n setCanAutoPlayAudio(true);\n setCanAutoPlayVideo(true);\n EVENTS.forEach(event => {\n document.removeEventListener(event, enableAutoplay);\n });\n };\n\n EVENTS.forEach(event => {\n document.addEventListener(event, enableAutoplay);\n });\n\n const handleError = (err: unknown) => {\n if (err instanceof DOMException) {\n err.name !== 'NotAllowedError' &&\n onEvent(USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS.ERROR_LOADING_MEDIA, {\n name: err.name,\n });\n } else {\n // eslint-disable-next-line no-console\n console.log(err);\n onEvent(USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS.ERROR_LOADING_MEDIA, {\n error: err,\n });\n }\n };\n\n // audio autoplay check\n // way to check if autoplay is allowed by the browser for audio\n try {\n new Audio(SMALL_AUDIO) // smallest silent audio file\n .play()\n .then(() => {\n setCanAutoPlayAudio(true);\n })\n .catch(handleError);\n } catch (err) {\n handleError(err);\n }\n\n // video autoplay check\n // way to check if autoplay is allowed by the browserfor video\n try {\n const video = document.createElement('video');\n\n video.src = SMALL_VIDEO; // smallest silent video file\n video.setAttribute('playsinline', 'true');\n\n video\n .play()\n .then(() => {\n setCanAutoPlayVideo(true);\n })\n .catch(handleError)\n .finally(() => {\n video.remove();\n });\n } catch (err) {\n handleError(err);\n }\n\n return () => {\n EVENTS.forEach(event => {\n document.removeEventListener(event, enableAutoplay);\n });\n };\n }, [onEvent]);\n\n return (\n <AutoPlayPermissionContext.Provider value={{ canAutoPlayAudio, canAutoPlayVideo }}>\n {children}\n </AutoPlayPermissionContext.Provider>\n );\n};\n"],"names":["AutoPlayPermissionContext","createContext","AutoPlayPermissionProvider","children","canAutoPlayAudio","setCanAutoPlayAudio","useState","canAutoPlayVideo","setCanAutoPlayVideo","onEvent","useUIContext","useEffect","enableAutoplay","EVENTS","event","handleError","err","USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS","SMALL_AUDIO","video","SMALL_VIDEO","jsx"],"mappings":";;;;;AASO,MAAMA,IAA4BC,EAA8C;AAAA,EACrF,kBAAkB;AAAA,EAClB,kBAAkB;AACpB,CAAC,GAEYC,IAA0D,CAAC,EAAE,UAAAC,QAAe;AACvF,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxD,CAACC,GAAkBC,CAAmB,IAAIF,EAAS,EAAK,GACxD,EAAE,SAAAG,~~MAAYC~~;~~AAEpB~~,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAiB,MAAM;AAC3B,MAAAP,EAAoB,EAAI,GACxBG,EAAoB,EAAI,GACxBK,EAAO,QAAQ,CAASC,MAAA;AACb,iBAAA,oBAAoBA,GAAOF,CAAc;AAAA,MAAA,CACnD;AAAA,~~IAAA~~;~~AAGH~~,IAAAC,EAAO,QAAQ,CAASC,MAAA;AACb,eAAA,iBAAiBA,GAAOF,CAAc;AAAA,IAAA,CAChD;AAEK,UAAAG,IAAc,CAACC,MAAiB;AACpC,MAAIA,aAAe,eACjBA,EAAI,SAAS,qBACXP,EAAQQ,EAA0C,qBAAqB;AAAA,QACrE,MAAMD,EAAI;AAAA,MAAA,CACX,KAGH,QAAQ,IAAIA,CAAG,GACfP,EAAQQ,EAA0C,qBAAqB;AAAA,QACrE,OAAOD;AAAA,MAAA,CACR;AAAA,~~IACH~~;~~AAKE~~,QAAA;AACF,UAAI,MAAME,CAAW,EAClB,KAAK,EACL,KAAK,MAAM;AACV,QAAAb,EAAoB,EAAI;AAAA,MAAA,CACzB,EACA,MAAMU,CAAW;AAAA,aACbC,GAAK;AACZ,MAAAD,EAAYC,CAAG;AAAA,~~IACjB~~;~~AAII~~,QAAA;AACI,YAAAG,IAAQ,SAAS,cAAc,OAAO;AAE5C,MAAAA,EAAM,MAAMC,GACND,EAAA,aAAa,eAAe,MAAM,GAGrCA,EAAA,OACA,KAAK,MAAM;AACV,QAAAX,EAAoB,EAAI;AAAA,MACzB,CAAA,EACA,MAAMO,CAAW,EACjB,QAAQ,MAAM;AACb,QAAAI,EAAM,OAAO;AAAA,MAAA,CACd;AAAA,aACIH,GAAK;AACZ,MAAAD,EAAYC,CAAG;AAAA,~~IACjB~~;~~AAEA~~,WAAO,MAAM;AACX,MAAAH,EAAO,QAAQ,CAASC,MAAA;AACb,iBAAA,oBAAoBA,GAAOF,CAAc;AAAA,MAAA,CACnD;AAAA,~~IAAA~~;AAAA,~~EACH~~,GACC,CAACH,CAAO,CAAC,GAGV,gBAAAY,EAACrB,EAA0B,UAA1B,EAAmC,OAAO,EAAE,kBAAAI,GAAkB,kBAAAG,~~EAAiB~~,~~GAC7E,~~UAAAJ,~~EACH,CAAA~~;AAEJ;"}
1	+ {"version":3,"file":"use-auto-play-permission-context-provider.js","sources":["../../../../src/features/hooks/use-auto-play-permission/use-auto-play-permission-context-provider.tsx"],"sourcesContent":["import type { IAutoPlayPermissionContextType } from './use-auto-play-permission-context-types';\nimport type { FC, ReactNode } from 'react';\n\nimport { useState, useEffect, createContext } from 'react';\n\nimport { useUIContext } from '../../ui/context/context';\nimport { EVENTS, SMALL_AUDIO, SMALL_VIDEO } from './constants';\nimport { USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS } from './use-auto-play-permission-analytics-events';\n\nexport const AutoPlayPermissionContext = createContext<IAutoPlayPermissionContextType>({\n canAutoPlayAudio: false,\n canAutoPlayVideo: false,\n});\n\nexport const AutoPlayPermissionProvider: FC<{ children: ReactNode }> = ({ children }) => {\n const [canAutoPlayAudio, setCanAutoPlayAudio] = useState(false);\n const [canAutoPlayVideo, setCanAutoPlayVideo] = useState(false);\n const { onEvent } = useUIContext();\n\n useEffect(() => {\n const enableAutoplay = () => {\n setCanAutoPlayAudio(true);\n setCanAutoPlayVideo(true);\n EVENTS.forEach(event => {\n document.removeEventListener(event, enableAutoplay);\n });\n };\n\n EVENTS.forEach(event => {\n document.addEventListener(event, enableAutoplay);\n });\n\n const handleError = (err: unknown) => {\n if (err instanceof DOMException) {\n err.name !== 'NotAllowedError' &&\n onEvent(USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS.ERROR_LOADING_MEDIA, {\n name: err.name,\n });\n } else {\n // eslint-disable-next-line no-console\n console.log(err);\n onEvent(USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS.ERROR_LOADING_MEDIA, {\n error: err,\n });\n }\n };\n\n // audio autoplay check\n // way to check if autoplay is allowed by the browser for audio\n try {\n new Audio(SMALL_AUDIO) // smallest silent audio file\n .play()\n .then(() => {\n setCanAutoPlayAudio(true);\n })\n .catch(handleError);\n } catch (err) {\n handleError(err);\n }\n\n // video autoplay check\n // way to check if autoplay is allowed by the browserfor video\n try {\n const video = document.createElement('video');\n\n video.src = SMALL_VIDEO; // smallest silent video file\n video.setAttribute('playsinline', 'true');\n\n video\n .play()\n .then(() => {\n setCanAutoPlayVideo(true);\n })\n .catch(handleError)\n .finally(() => {\n video.remove();\n });\n } catch (err) {\n handleError(err);\n }\n\n return () => {\n EVENTS.forEach(event => {\n document.removeEventListener(event, enableAutoplay);\n });\n };\n }, [onEvent]);\n\n return (\n <AutoPlayPermissionContext.Provider value={{ canAutoPlayAudio, canAutoPlayVideo }}>\n {children}\n </AutoPlayPermissionContext.Provider>\n );\n};\n"],"names":["AutoPlayPermissionContext","createContext","AutoPlayPermissionProvider","children","canAutoPlayAudio","setCanAutoPlayAudio","useState","canAutoPlayVideo","setCanAutoPlayVideo","onEvent","useUIContext","useEffect","enableAutoplay","EVENTS","event","handleError","err","USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS","SMALL_AUDIO","video","SMALL_VIDEO","jsx"],"mappings":";;;;;AASO,MAAMA,IAA4BC,EAA8C;AAAA,EACrF,kBAAkB;AAAA,EAClB,kBAAkB;AACpB,CAAC,GAEYC,IAA0D,CAAC,EAAE,UAAAC,QAAe;AACvF,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxD,CAACC,GAAkBC,CAAmB,IAAIF,EAAS,EAAK,GACxD,EAAE,SAAAG,EAAQ,IAAIC,EAAa;AAEjC,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAiB,MAAM;AAC3B,MAAAP,EAAoB,EAAI,GACxBG,EAAoB,EAAI,GACxBK,EAAO,QAAQ,CAASC,MAAA;AACb,iBAAA,oBAAoBA,GAAOF,CAAc;AAAA,MAAA,CACnD;AAAA,IACH;AAEA,IAAAC,EAAO,QAAQ,CAASC,MAAA;AACb,eAAA,iBAAiBA,GAAOF,CAAc;AAAA,IAAA,CAChD;AAEK,UAAAG,IAAc,CAACC,MAAiB;AACpC,MAAIA,aAAe,eACjBA,EAAI,SAAS,qBACXP,EAAQQ,EAA0C,qBAAqB;AAAA,QACrE,MAAMD,EAAI;AAAA,MAAA,CACX,KAGH,QAAQ,IAAIA,CAAG,GACfP,EAAQQ,EAA0C,qBAAqB;AAAA,QACrE,OAAOD;AAAA,MAAA,CACR;AAAA,IAEL;AAII,QAAA;AACF,UAAI,MAAME,CAAW,EAClB,KAAK,EACL,KAAK,MAAM;AACV,QAAAb,EAAoB,EAAI;AAAA,MAAA,CACzB,EACA,MAAMU,CAAW;AAAA,aACbC,GAAK;AACZ,MAAAD,EAAYC,CAAG;AAAA,IAAA;AAKb,QAAA;AACI,YAAAG,IAAQ,SAAS,cAAc,OAAO;AAE5C,MAAAA,EAAM,MAAMC,GACND,EAAA,aAAa,eAAe,MAAM,GAGrCA,EAAA,OACA,KAAK,MAAM;AACV,QAAAX,EAAoB,EAAI;AAAA,MACzB,CAAA,EACA,MAAMO,CAAW,EACjB,QAAQ,MAAM;AACb,QAAAI,EAAM,OAAO;AAAA,MAAA,CACd;AAAA,aACIH,GAAK;AACZ,MAAAD,EAAYC,CAAG;AAAA,IAAA;AAGjB,WAAO,MAAM;AACX,MAAAH,EAAO,QAAQ,CAASC,MAAA;AACb,iBAAA,oBAAoBA,GAAOF,CAAc;AAAA,MAAA,CACnD;AAAA,IACH;AAAA,EAAA,GACC,CAACH,CAAO,CAAC,GAGV,gBAAAY,EAACrB,EAA0B,UAA1B,EAAmC,OAAO,EAAE,kBAAAI,GAAkB,kBAAAG,KAC5D,UAAAJ,GACH;AAEJ;"}

package/dist/features/hooks/use-drag-helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-drag-helper.js","sources":["../../../src/features/hooks/use-drag-helper.ts"],"sourcesContent":["import { type RefObject, useRef, useCallback, useEffect, useState } from 'react';\n\ntype TPosition = { top?: number; left?: number; bottom?: number; right?: number };\n\nexport const useDragHelper = (\n elementRef: RefObject<HTMLDivElement>,\n dragEnabled = false,\n initialPosition?: TPosition,\n) => {\n const [currentPosition, setCurrentPosition] = useState<TPosition \| undefined>(initialPosition);\n const prevXRef = useRef(0);\n const prevYRef = useRef(0);\n\n const calculatePosition = useCallback(\n (event: MouseEvent \| TouchEvent, element: HTMLDivElement) => {\n const { offsetTop, offsetLeft } = element;\n\n let displacementX = 0;\n let displacementY = 0;\n\n if ('clientX' in event && 'clientY' in event) {\n displacementX = event.clientX - prevXRef.current;\n displacementY = event.clientY - prevYRef.current;\n } else if ('changedTouches' in event) {\n const touch = event.changedTouches[0];\n\n if (touch) {\n displacementX = touch.clientX - prevXRef.current;\n displacementY = touch.clientY - prevYRef.current;\n }\n }\n\n return {\n top: offsetTop + displacementY,\n left: offsetLeft + displacementX,\n };\n },\n [],\n );\n\n const onPointerMove = useCallback(\n (event: MouseEvent \| TouchEvent) => {\n event.preventDefault();\n const element = elementRef.current;\n\n if (element) {\n const { top, left } = calculatePosition(event, element);\n\n element.style.top = `${top}px`;\n element.style.left = `${left}px`;\n\n if ('clientX' in event && 'clientY' in event) {\n prevXRef.current = event.clientX;\n prevYRef.current = event.clientY;\n } else if ('changedTouches' in event) {\n const touch = event.changedTouches[0];\n\n if (touch) {\n prevXRef.current = touch.clientX;\n prevYRef.current = touch.clientY;\n }\n }\n }\n },\n [calculatePosition, elementRef],\n );\n\n const onMouseUp = useCallback(\n (event: MouseEvent \| TouchEvent) => {\n if (!('changedTouches' in event)) {\n event.preventDefault();\n }\n\n const element = elementRef.current;\n\n if (element) {\n const { top, left } = calculatePosition(event, element);\n\n setCurrentPosition({ left, top });\n }\n\n document.removeEventListener('mouseup', onMouseUp);\n document.removeEventListener('touchend', onMouseUp);\n document.removeEventListener('mousemove', onPointerMove);\n document.removeEventListener('touchmove', onPointerMove);\n },\n [calculatePosition, elementRef, onPointerMove],\n );\n\n const onMouseDown = useCallback(\n (event: MouseEvent \| TouchEvent) => {\n if (!('changedTouches' in event)) {\n event.preventDefault();\n }\n\n if ('clientX' in event && 'clientY' in event) {\n prevXRef.current = event.clientX;\n prevYRef.current = event.clientY;\n } else if ('changedTouches' in event) {\n const touch = event.changedTouches[0];\n\n if (touch) {\n prevXRef.current = touch.clientX;\n prevYRef.current = touch.clientY;\n }\n }\n\n document.addEventListener('mouseup', onMouseUp);\n document.addEventListener('touchend', onMouseUp);\n document.addEventListener('mousemove', onPointerMove);\n document.addEventListener('touchmove', onPointerMove);\n },\n [onMouseUp, onPointerMove],\n );\n\n const validatedPosition = (position: number, elementSize: number, viewSize: number) => {\n const remainingWidth = viewSize - elementSize;\n\n return position < 0 ? 0 : position > remainingWidth ? remainingWidth : position;\n };\n\n const validateElementInViewport = useCallback(() => {\n if (elementRef.current) {\n const { top, left, right, bottom } = currentPosition \|\| {};\n\n const viewWidth = window.innerWidth;\n const viewHeight = window.innerHeight;\n const elementHeight = elementRef.current.offsetHeight;\n const elementWidth = elementRef.current.offsetWidth;\n\n if (typeof top === 'number') {\n const validateTop = validatedPosition(top, elementHeight, viewHeight);\n\n elementRef.current.style.top = `${validateTop}px`;\n } else if (typeof bottom === 'number') {\n const validateBottom = validatedPosition(bottom, elementHeight, viewHeight);\n\n elementRef.current.style.bottom = `${validateBottom}px`;\n } else {\n elementRef.current.style.top = '0px';\n }\n\n if (typeof left === 'number') {\n const validateLeft = validatedPosition(left, elementWidth, viewWidth);\n\n elementRef.current.style.left = `${validateLeft}px`;\n } else if (typeof right === 'number') {\n const validateRight = validatedPosition(right, elementWidth, viewWidth);\n\n elementRef.current.style.right = `${validateRight}px`;\n } else {\n elementRef.current.style.left = '0px';\n }\n }\n }, [currentPosition, elementRef]);\n\n useEffect(() => {\n validateElementInViewport();\n }, [validateElementInViewport, currentPosition]);\n\n useEffect(() => {\n const element = elementRef.current;\n\n if (element && dragEnabled) {\n element.addEventListener('mousedown', onMouseDown);\n element.addEventListener('touchstart', onMouseDown);\n }\n\n return () => {\n if (element && dragEnabled) {\n element.removeEventListener('mousedown', onMouseDown);\n element.removeEventListener('touchstart', onMouseDown);\n }\n };\n }, [onMouseDown, elementRef, dragEnabled]);\n\n return validateElementInViewport;\n};\n"],"names":["useDragHelper","elementRef","dragEnabled","initialPosition","currentPosition","setCurrentPosition","useState","prevXRef","useRef","prevYRef","calculatePosition","useCallback","event","element","offsetTop","offsetLeft","displacementX","displacementY","touch","onPointerMove","top","left","onMouseUp","onMouseDown","validatedPosition","position","elementSize","viewSize","remainingWidth","validateElementInViewport","right","bottom","viewWidth","viewHeight","elementHeight","elementWidth","validateTop","validateBottom","validateLeft","validateRight","useEffect"],"mappings":";AAIO,MAAMA,IAAgB,CAC3BC,GACAC,IAAc,IACdC,MACG;AACH,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAgCH,CAAe,GACvFI,IAAWC,EAAO,CAAC,GACnBC,IAAWD,EAAO,CAAC,GAEnBE,IAAoBC;AAAA,IACxB,CAACC,GAAgCC,MAA4B;AACrD,YAAA,EAAE,WAAAC,GAAW,YAAAC,~~EAAe~~,~~IAAAF~~;AAElC,UAAIG,IAAgB,GAChBC,IAAgB;AAEhB,UAAA,aAAaL,KAAS,aAAaA;AACrB,QAAAI,IAAAJ,EAAM,UAAUL,EAAS,SACzBU,IAAAL,EAAM,UAAUH,EAAS;AAAA,eAChC,oBAAoBG,GAAO;AAC9B,cAAAM,IAAQN,EAAM,eAAe,CAAC;AAEpC,QAAIM,MACcF,IAAAE,EAAM,UAAUX,EAAS,SACzBU,IAAAC,EAAM,UAAUT,EAAS;AAAA,~~MAE7C~~;~~AAEO~~,aAAA;AAAA,QACL,KAAKK,IAAYG;AAAA,QACjB,MAAMF,IAAaC;AAAA,~~MAAA~~;AAAA,~~IAEvB~~;AAAA,IACA,~~CAAC~~;AAAA,~~EAAA~~,~~GAGGG~~,IAAgBR;AAAA,IACpB,CAACC,MAAmC;AAClC,MAAAA,EAAM,eAAe;AACrB,YAAMC,IAAUZ,EAAW;AAE3B,UAAIY,GAAS;AACX,cAAM,EAAE,KAAAO,GAAK,MAAAC,EAAA,IAASX,EAAkBE,GAAOC,CAAO;AAKlD,YAHIA,EAAA,MAAM,MAAM,GAAGO,CAAG,MAClBP,EAAA,MAAM,OAAO,GAAGQ,CAAI,MAExB,aAAaT,KAAS,aAAaA;AACrC,UAAAL,EAAS,UAAUK,EAAM,SACzBH,EAAS,UAAUG,EAAM;AAAA,iBAChB,oBAAoBA,GAAO;AAC9B,gBAAAM,IAAQN,EAAM,eAAe,CAAC;AAEpC,UAAIM,MACFX,EAAS,UAAUW,EAAM,SACzBT,EAAS,UAAUS,EAAM;AAAA,~~QAE7B~~;AAAA,MACF;AAAA,~~IACF~~;AAAA,IACA,CAACR,GAAmBT,CAAU;AAAA,~~EAAA~~,~~GAG1BqB~~,IAAYX;AAAA,IAChB,CAACC,MAAmC;AAC9B,MAAE,oBAAoBA,KACxBA,EAAM,eAAe;AAGvB,YAAMC,IAAUZ,EAAW;AAE3B,UAAIY,GAAS;AACX,cAAM,EAAE,KAAAO,GAAK,MAAAC,EAAA,IAASX,EAAkBE,GAAOC,CAAO;AAEnC,QAAAR,EAAA,EAAE,MAAAgB,GAAM,KAAAD,~~EAAA,CAAK~~;AAAA,~~MAClC~~;~~AAES~~,eAAA,oBAAoB,WAAWE,CAAS,GACxC,SAAA,oBAAoB,YAAYA,CAAS,GACzC,SAAA,oBAAoB,aAAaH,CAAa,GAC9C,SAAA,oBAAoB,aAAaA,CAAa;AAAA,IACzD;AAAA,IACA,CAACT,GAAmBT,GAAYkB,CAAa;AAAA,~~EAAA~~,~~GAGzCI~~,IAAcZ;AAAA,IAClB,CAACC,MAAmC;AAK9B,UAJE,oBAAoBA,KACxBA,EAAM,eAAe,GAGnB,aAAaA,KAAS,aAAaA;AACrC,QAAAL,EAAS,UAAUK,EAAM,SACzBH,EAAS,UAAUG,EAAM;AAAA,eAChB,oBAAoBA,GAAO;AAC9B,cAAAM,IAAQN,EAAM,eAAe,CAAC;AAEpC,QAAIM,MACFX,EAAS,UAAUW,EAAM,SACzBT,EAAS,UAAUS,EAAM;AAAA,~~MAE7B~~;~~AAES~~,eAAA,iBAAiB,WAAWI,CAAS,GACrC,SAAA,iBAAiB,YAAYA,CAAS,GACtC,SAAA,iBAAiB,aAAaH,CAAa,GAC3C,SAAA,iBAAiB,aAAaA,CAAa;AAAA,IACtD;AAAA,IACA,CAACG,GAAWH,CAAa;AAAA,~~EAAA~~,~~GAGrBK~~,IAAoB,CAACC,GAAkBC,GAAqBC,MAAqB;AACrF,UAAMC,IAAiBD,IAAWD;AAElC,WAAOD,IAAW,IAAI,IAAIA,IAAWG,IAAiBA,IAAiBH;AAAA,~~EAAA~~,~~GAGnEI~~,IAA4BlB,EAAY,MAAM;AAClD,QAAIV,EAAW,SAAS;AACtB,YAAM,EAAE,KAAAmB,GAAK,MAAAC,GAAM,OAAAS,GAAO,QAAAC,EAAO,IAAI3B,KAAmB,~~IAElD4B~~,IAAY,OAAO,YACnBC,IAAa,OAAO,aACpBC,IAAgBjC,EAAW,QAAQ,cACnCkC,IAAelC,EAAW,QAAQ;AAEpC,UAAA,OAAOmB,KAAQ,UAAU;AAC3B,cAAMgB,IAAcZ,EAAkBJ,GAAKc,GAAeD,CAAU;AAEpE,QAAAhC,EAAW,QAAQ,MAAM,MAAM,GAAGmC,CAAW;AAAA,MAAA,WACpC,OAAOL,KAAW,UAAU;AACrC,cAAMM,IAAiBb,EAAkBO,GAAQG,GAAeD,CAAU;AAE1E,QAAAhC,EAAW,QAAQ,MAAM,SAAS,GAAGoC,CAAc;AAAA,MAAA;AAExC,QAAApC,EAAA,QAAQ,MAAM,MAAM;AAG7B,UAAA,OAAOoB,KAAS,UAAU;AAC5B,cAAMiB,IAAed,EAAkBH,GAAMc,GAAcH,CAAS;AAEpE,QAAA/B,EAAW,QAAQ,MAAM,OAAO,GAAGqC,CAAY;AAAA,MAAA,WACtC,OAAOR,KAAU,UAAU;AACpC,cAAMS,IAAgBf,EAAkBM,GAAOK,GAAcH,CAAS;AAEtE,QAAA/B,EAAW,QAAQ,MAAM,QAAQ,GAAGsC,CAAa;AAAA,MAAA;AAEtC,QAAAtC,EAAA,QAAQ,MAAM,OAAO;AAAA,~~IAEpC~~;AAAA,~~EAAA~~,GACC,CAACG,GAAiBH,CAAU,CAAC;AAEhC,SAAAuC,EAAU,MAAM;AACY,IAAAX;EAAA,GACzB,CAACA,GAA2BzB,CAAe,CAAC,GAE/CoC,EAAU,MAAM;AACd,UAAM3B,IAAUZ,EAAW;AAE3B,WAAIY,KAAWX,MACLW,EAAA,iBAAiB,aAAaU,CAAW,GACzCV,EAAA,iBAAiB,cAAcU,CAAW,IAG7C,MAAM;AACX,MAAIV,KAAWX,MACLW,EAAA,oBAAoB,aAAaU,CAAW,GAC5CV,EAAA,oBAAoB,cAAcU,CAAW;AAAA,~~IACvD~~;AAAA,~~EAED~~,GAAA,CAACA,GAAatB,GAAYC,CAAW,CAAC,GAElC2B;AACT;"}
1	+ {"version":3,"file":"use-drag-helper.js","sources":["../../../src/features/hooks/use-drag-helper.ts"],"sourcesContent":["import { type RefObject, useRef, useCallback, useEffect, useState } from 'react';\n\ntype TPosition = { top?: number; left?: number; bottom?: number; right?: number };\n\nexport const useDragHelper = (\n elementRef: RefObject<HTMLDivElement>,\n dragEnabled = false,\n initialPosition?: TPosition,\n) => {\n const [currentPosition, setCurrentPosition] = useState<TPosition \| undefined>(initialPosition);\n const prevXRef = useRef(0);\n const prevYRef = useRef(0);\n\n const calculatePosition = useCallback(\n (event: MouseEvent \| TouchEvent, element: HTMLDivElement) => {\n const { offsetTop, offsetLeft } = element;\n\n let displacementX = 0;\n let displacementY = 0;\n\n if ('clientX' in event && 'clientY' in event) {\n displacementX = event.clientX - prevXRef.current;\n displacementY = event.clientY - prevYRef.current;\n } else if ('changedTouches' in event) {\n const touch = event.changedTouches[0];\n\n if (touch) {\n displacementX = touch.clientX - prevXRef.current;\n displacementY = touch.clientY - prevYRef.current;\n }\n }\n\n return {\n top: offsetTop + displacementY,\n left: offsetLeft + displacementX,\n };\n },\n [],\n );\n\n const onPointerMove = useCallback(\n (event: MouseEvent \| TouchEvent) => {\n event.preventDefault();\n const element = elementRef.current;\n\n if (element) {\n const { top, left } = calculatePosition(event, element);\n\n element.style.top = `${top}px`;\n element.style.left = `${left}px`;\n\n if ('clientX' in event && 'clientY' in event) {\n prevXRef.current = event.clientX;\n prevYRef.current = event.clientY;\n } else if ('changedTouches' in event) {\n const touch = event.changedTouches[0];\n\n if (touch) {\n prevXRef.current = touch.clientX;\n prevYRef.current = touch.clientY;\n }\n }\n }\n },\n [calculatePosition, elementRef],\n );\n\n const onMouseUp = useCallback(\n (event: MouseEvent \| TouchEvent) => {\n if (!('changedTouches' in event)) {\n event.preventDefault();\n }\n\n const element = elementRef.current;\n\n if (element) {\n const { top, left } = calculatePosition(event, element);\n\n setCurrentPosition({ left, top });\n }\n\n document.removeEventListener('mouseup', onMouseUp);\n document.removeEventListener('touchend', onMouseUp);\n document.removeEventListener('mousemove', onPointerMove);\n document.removeEventListener('touchmove', onPointerMove);\n },\n [calculatePosition, elementRef, onPointerMove],\n );\n\n const onMouseDown = useCallback(\n (event: MouseEvent \| TouchEvent) => {\n if (!('changedTouches' in event)) {\n event.preventDefault();\n }\n\n if ('clientX' in event && 'clientY' in event) {\n prevXRef.current = event.clientX;\n prevYRef.current = event.clientY;\n } else if ('changedTouches' in event) {\n const touch = event.changedTouches[0];\n\n if (touch) {\n prevXRef.current = touch.clientX;\n prevYRef.current = touch.clientY;\n }\n }\n\n document.addEventListener('mouseup', onMouseUp);\n document.addEventListener('touchend', onMouseUp);\n document.addEventListener('mousemove', onPointerMove);\n document.addEventListener('touchmove', onPointerMove);\n },\n [onMouseUp, onPointerMove],\n );\n\n const validatedPosition = (position: number, elementSize: number, viewSize: number) => {\n const remainingWidth = viewSize - elementSize;\n\n return position < 0 ? 0 : position > remainingWidth ? remainingWidth : position;\n };\n\n const validateElementInViewport = useCallback(() => {\n if (elementRef.current) {\n const { top, left, right, bottom } = currentPosition \|\| {};\n\n const viewWidth = window.innerWidth;\n const viewHeight = window.innerHeight;\n const elementHeight = elementRef.current.offsetHeight;\n const elementWidth = elementRef.current.offsetWidth;\n\n if (typeof top === 'number') {\n const validateTop = validatedPosition(top, elementHeight, viewHeight);\n\n elementRef.current.style.top = `${validateTop}px`;\n } else if (typeof bottom === 'number') {\n const validateBottom = validatedPosition(bottom, elementHeight, viewHeight);\n\n elementRef.current.style.bottom = `${validateBottom}px`;\n } else {\n elementRef.current.style.top = '0px';\n }\n\n if (typeof left === 'number') {\n const validateLeft = validatedPosition(left, elementWidth, viewWidth);\n\n elementRef.current.style.left = `${validateLeft}px`;\n } else if (typeof right === 'number') {\n const validateRight = validatedPosition(right, elementWidth, viewWidth);\n\n elementRef.current.style.right = `${validateRight}px`;\n } else {\n elementRef.current.style.left = '0px';\n }\n }\n }, [currentPosition, elementRef]);\n\n useEffect(() => {\n validateElementInViewport();\n }, [validateElementInViewport, currentPosition]);\n\n useEffect(() => {\n const element = elementRef.current;\n\n if (element && dragEnabled) {\n element.addEventListener('mousedown', onMouseDown);\n element.addEventListener('touchstart', onMouseDown);\n }\n\n return () => {\n if (element && dragEnabled) {\n element.removeEventListener('mousedown', onMouseDown);\n element.removeEventListener('touchstart', onMouseDown);\n }\n };\n }, [onMouseDown, elementRef, dragEnabled]);\n\n return validateElementInViewport;\n};\n"],"names":["useDragHelper","elementRef","dragEnabled","initialPosition","currentPosition","setCurrentPosition","useState","prevXRef","useRef","prevYRef","calculatePosition","useCallback","event","element","offsetTop","offsetLeft","displacementX","displacementY","touch","onPointerMove","top","left","onMouseUp","onMouseDown","validatedPosition","position","elementSize","viewSize","remainingWidth","validateElementInViewport","right","bottom","viewWidth","viewHeight","elementHeight","elementWidth","validateTop","validateBottom","validateLeft","validateRight","useEffect"],"mappings":";AAIO,MAAMA,IAAgB,CAC3BC,GACAC,IAAc,IACdC,MACG;AACH,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAgCH,CAAe,GACvFI,IAAWC,EAAO,CAAC,GACnBC,IAAWD,EAAO,CAAC,GAEnBE,IAAoBC;AAAA,IACxB,CAACC,GAAgCC,MAA4B;AACrD,YAAA,EAAE,WAAAC,GAAW,YAAAC,EAAA,IAAeF;AAElC,UAAIG,IAAgB,GAChBC,IAAgB;AAEhB,UAAA,aAAaL,KAAS,aAAaA;AACrB,QAAAI,IAAAJ,EAAM,UAAUL,EAAS,SACzBU,IAAAL,EAAM,UAAUH,EAAS;AAAA,eAChC,oBAAoBG,GAAO;AAC9B,cAAAM,IAAQN,EAAM,eAAe,CAAC;AAEpC,QAAIM,MACcF,IAAAE,EAAM,UAAUX,EAAS,SACzBU,IAAAC,EAAM,UAAUT,EAAS;AAAA,MAC3C;AAGK,aAAA;AAAA,QACL,KAAKK,IAAYG;AAAA,QACjB,MAAMF,IAAaC;AAAA,MACrB;AAAA,IACF;AAAA,IACA,CAAA;AAAA,EACF,GAEMG,IAAgBR;AAAA,IACpB,CAACC,MAAmC;AAClC,MAAAA,EAAM,eAAe;AACrB,YAAMC,IAAUZ,EAAW;AAE3B,UAAIY,GAAS;AACX,cAAM,EAAE,KAAAO,GAAK,MAAAC,EAAA,IAASX,EAAkBE,GAAOC,CAAO;AAKlD,YAHIA,EAAA,MAAM,MAAM,GAAGO,CAAG,MAClBP,EAAA,MAAM,OAAO,GAAGQ,CAAI,MAExB,aAAaT,KAAS,aAAaA;AACrC,UAAAL,EAAS,UAAUK,EAAM,SACzBH,EAAS,UAAUG,EAAM;AAAA,iBAChB,oBAAoBA,GAAO;AAC9B,gBAAAM,IAAQN,EAAM,eAAe,CAAC;AAEpC,UAAIM,MACFX,EAAS,UAAUW,EAAM,SACzBT,EAAS,UAAUS,EAAM;AAAA,QAC3B;AAAA,MACF;AAAA,IAEJ;AAAA,IACA,CAACR,GAAmBT,CAAU;AAAA,EAChC,GAEMqB,IAAYX;AAAA,IAChB,CAACC,MAAmC;AAC9B,MAAE,oBAAoBA,KACxBA,EAAM,eAAe;AAGvB,YAAMC,IAAUZ,EAAW;AAE3B,UAAIY,GAAS;AACX,cAAM,EAAE,KAAAO,GAAK,MAAAC,EAAA,IAASX,EAAkBE,GAAOC,CAAO;AAEnC,QAAAR,EAAA,EAAE,MAAAgB,GAAM,KAAAD,GAAK;AAAA,MAAA;AAGzB,eAAA,oBAAoB,WAAWE,CAAS,GACxC,SAAA,oBAAoB,YAAYA,CAAS,GACzC,SAAA,oBAAoB,aAAaH,CAAa,GAC9C,SAAA,oBAAoB,aAAaA,CAAa;AAAA,IACzD;AAAA,IACA,CAACT,GAAmBT,GAAYkB,CAAa;AAAA,EAC/C,GAEMI,IAAcZ;AAAA,IAClB,CAACC,MAAmC;AAK9B,UAJE,oBAAoBA,KACxBA,EAAM,eAAe,GAGnB,aAAaA,KAAS,aAAaA;AACrC,QAAAL,EAAS,UAAUK,EAAM,SACzBH,EAAS,UAAUG,EAAM;AAAA,eAChB,oBAAoBA,GAAO;AAC9B,cAAAM,IAAQN,EAAM,eAAe,CAAC;AAEpC,QAAIM,MACFX,EAAS,UAAUW,EAAM,SACzBT,EAAS,UAAUS,EAAM;AAAA,MAC3B;AAGO,eAAA,iBAAiB,WAAWI,CAAS,GACrC,SAAA,iBAAiB,YAAYA,CAAS,GACtC,SAAA,iBAAiB,aAAaH,CAAa,GAC3C,SAAA,iBAAiB,aAAaA,CAAa;AAAA,IACtD;AAAA,IACA,CAACG,GAAWH,CAAa;AAAA,EAC3B,GAEMK,IAAoB,CAACC,GAAkBC,GAAqBC,MAAqB;AACrF,UAAMC,IAAiBD,IAAWD;AAElC,WAAOD,IAAW,IAAI,IAAIA,IAAWG,IAAiBA,IAAiBH;AAAA,EACzE,GAEMI,IAA4BlB,EAAY,MAAM;AAClD,QAAIV,EAAW,SAAS;AACtB,YAAM,EAAE,KAAAmB,GAAK,MAAAC,GAAM,OAAAS,GAAO,QAAAC,EAAO,IAAI3B,KAAmB,CAAC,GAEnD4B,IAAY,OAAO,YACnBC,IAAa,OAAO,aACpBC,IAAgBjC,EAAW,QAAQ,cACnCkC,IAAelC,EAAW,QAAQ;AAEpC,UAAA,OAAOmB,KAAQ,UAAU;AAC3B,cAAMgB,IAAcZ,EAAkBJ,GAAKc,GAAeD,CAAU;AAEpE,QAAAhC,EAAW,QAAQ,MAAM,MAAM,GAAGmC,CAAW;AAAA,MAAA,WACpC,OAAOL,KAAW,UAAU;AACrC,cAAMM,IAAiBb,EAAkBO,GAAQG,GAAeD,CAAU;AAE1E,QAAAhC,EAAW,QAAQ,MAAM,SAAS,GAAGoC,CAAc;AAAA,MAAA;AAExC,QAAApC,EAAA,QAAQ,MAAM,MAAM;AAG7B,UAAA,OAAOoB,KAAS,UAAU;AAC5B,cAAMiB,IAAed,EAAkBH,GAAMc,GAAcH,CAAS;AAEpE,QAAA/B,EAAW,QAAQ,MAAM,OAAO,GAAGqC,CAAY;AAAA,MAAA,WACtC,OAAOR,KAAU,UAAU;AACpC,cAAMS,IAAgBf,EAAkBM,GAAOK,GAAcH,CAAS;AAEtE,QAAA/B,EAAW,QAAQ,MAAM,QAAQ,GAAGsC,CAAa;AAAA,MAAA;AAEtC,QAAAtC,EAAA,QAAQ,MAAM,OAAO;AAAA,IAClC;AAAA,EACF,GACC,CAACG,GAAiBH,CAAU,CAAC;AAEhC,SAAAuC,EAAU,MAAM;AACY,IAAAX,EAAA;AAAA,EAAA,GACzB,CAACA,GAA2BzB,CAAe,CAAC,GAE/CoC,EAAU,MAAM;AACd,UAAM3B,IAAUZ,EAAW;AAE3B,WAAIY,KAAWX,MACLW,EAAA,iBAAiB,aAAaU,CAAW,GACzCV,EAAA,iBAAiB,cAAcU,CAAW,IAG7C,MAAM;AACX,MAAIV,KAAWX,MACLW,EAAA,oBAAoB,aAAaU,CAAW,GAC5CV,EAAA,oBAAoB,cAAcU,CAAW;AAAA,IAEzD;AAAA,EACC,GAAA,CAACA,GAAatB,GAAYC,CAAW,CAAC,GAElC2B;AACT;"}

package/dist/features/hooks/use-force-reload.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { useMemo as c, useCallback as a, useEffect as d } from "react";
-const u = ({ threshold: r = 24, trackEvent: s, shouldNotReload: e }) => {
-  const i = r * 60 * 60 * 1e3, o = c(() => Date.now(), []), n = a(() => {
+import { useMemo as a, useCallback as c, useEffect as d } from "react";
+const m = ({ threshold: r = 24, trackEvent: i, shouldNotReload: e }) => {
+  const s = r * 60 * 60 * 1e3, o = a(() => Date.now(), []), n = c(() => {
     const t = Date.now();
     if (e) return;
-    t - o > i && (s(
+    t - o > s && (i(
       "forced_reload",
       {
         last_load_time: o,
@@ -12,12 +12,12 @@ const u = ({ threshold: r = 24, trackEvent: s, shouldNotReload: e }) => {
       },
       { immediate: !0 }
     ), window.location.reload());
-  }, [e, i, o, s]);
+  }, [e, s, o, i]);
   d(() => (e || window.addEventListener("focus", n), () => {
     window.removeEventListener("focus", n);
   }), [n, e]);
-}, f = u;
+};
 export {
-  f as default
+  m as default
 };
 //# sourceMappingURL=use-force-reload.js.map

package/dist/features/hooks/use-force-reload.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-force-reload.js","sources":["../../../src/features/hooks/use-force-reload.ts"],"sourcesContent":["import { useEffect, useCallback, useMemo } from 'react';\n\ninterface IUseForceReload {\n threshold: number;\n trackEvent: (\n event_name: string,\n payload: Record<string, unknown>,\n overrides: Record<string, unknown>,\n ) => void;\n shouldNotReload: boolean;\n}\n\nconst useForceReload = ({ threshold = 24, trackEvent, shouldNotReload }: IUseForceReload) => {\n const hoursInMs = threshold * 60 * 60 * 1000;\n const lastLoadTime = useMemo(() => Date.now(), []);\n\n const checkAndReload = useCallback(() => {\n const currentTime = Date.now();\n\n if (shouldNotReload) return;\n\n const shouldReloadWindow = currentTime - lastLoadTime > hoursInMs;\n\n if (shouldReloadWindow) {\n trackEvent(\n 'forced_reload',\n {\n last_load_time: lastLoadTime,\n current_time: currentTime,\n time_since_last_load: currentTime - lastLoadTime,\n },\n { immediate: true },\n );\n window.location.reload();\n }\n }, [shouldNotReload, hoursInMs, lastLoadTime, trackEvent]);\n\n useEffect(() => {\n if (!shouldNotReload) {\n window.addEventListener('focus', checkAndReload);\n }\n\n return () => {\n window.removeEventListener('focus', checkAndReload);\n };\n }, [checkAndReload, shouldNotReload]);\n};\n\nexport default useForceReload;\n"],"names":["useForceReload","threshold","trackEvent","shouldNotReload","hoursInMs","lastLoadTime","useMemo","checkAndReload","useCallback","currentTime","useEffect"~~,"useForceReload$1"~~],"mappings":";AAYA,MAAMA,IAAiB,CAAC,EAAE,WAAAC,IAAY,IAAI,YAAAC,GAAY,iBAAAC,QAAuC;AACrF,QAAAC,IAAYH,IAAY,KAAK,KAAK,KAClCI,IAAeC,EAAQ,MAAM,KAAK,IAAI,GAAG,CAAA,CAAE,GAE3CC,IAAiBC,EAAY,MAAM;AACjC,UAAAC,IAAc,KAAK;~~AAEzB~~,QAAIN,EAAiB;AAIrB,IAF2BM,IAAcJ,IAAeD,MAGtDF;AAAA,MACE;AAAA,MACA;AAAA,QACE,gBAAgBG;AAAA,QAChB,cAAcI;AAAA,QACd,sBAAsBA,IAAcJ;AAAA,MACtC;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,~~IAAA~~,~~GAEpB~~,OAAO,SAAS;~~KAEjB~~,CAACF,GAAiBC,GAAWC,GAAcH,CAAU,CAAC;AAEzD,EAAAQ,EAAU,OACHP,KACI,OAAA,iBAAiB,SAASI,CAAc,GAG1C,MAAM;AACJ,WAAA,oBAAoB,SAASA,CAAc;AAAA,~~EAAA~~,~~IAEnD~~,CAACA,GAAgBJ,CAAe,CAAC;AACtC~~,GAEAQ,IAAeX~~;"}
1	+ {"version":3,"file":"use-force-reload.js","sources":["../../../src/features/hooks/use-force-reload.ts"],"sourcesContent":["import { useEffect, useCallback, useMemo } from 'react';\n\ninterface IUseForceReload {\n threshold: number;\n trackEvent: (\n event_name: string,\n payload: Record<string, unknown>,\n overrides: Record<string, unknown>,\n ) => void;\n shouldNotReload: boolean;\n}\n\nconst useForceReload = ({ threshold = 24, trackEvent, shouldNotReload }: IUseForceReload) => {\n const hoursInMs = threshold * 60 * 60 * 1000;\n const lastLoadTime = useMemo(() => Date.now(), []);\n\n const checkAndReload = useCallback(() => {\n const currentTime = Date.now();\n\n if (shouldNotReload) return;\n\n const shouldReloadWindow = currentTime - lastLoadTime > hoursInMs;\n\n if (shouldReloadWindow) {\n trackEvent(\n 'forced_reload',\n {\n last_load_time: lastLoadTime,\n current_time: currentTime,\n time_since_last_load: currentTime - lastLoadTime,\n },\n { immediate: true },\n );\n window.location.reload();\n }\n }, [shouldNotReload, hoursInMs, lastLoadTime, trackEvent]);\n\n useEffect(() => {\n if (!shouldNotReload) {\n window.addEventListener('focus', checkAndReload);\n }\n\n return () => {\n window.removeEventListener('focus', checkAndReload);\n };\n }, [checkAndReload, shouldNotReload]);\n};\n\nexport default useForceReload;\n"],"names":["useForceReload","threshold","trackEvent","shouldNotReload","hoursInMs","lastLoadTime","useMemo","checkAndReload","useCallback","currentTime","useEffect"],"mappings":";AAYA,MAAMA,IAAiB,CAAC,EAAE,WAAAC,IAAY,IAAI,YAAAC,GAAY,iBAAAC,QAAuC;AACrF,QAAAC,IAAYH,IAAY,KAAK,KAAK,KAClCI,IAAeC,EAAQ,MAAM,KAAK,IAAI,GAAG,CAAA,CAAE,GAE3CC,IAAiBC,EAAY,MAAM;AACjC,UAAAC,IAAc,KAAK,IAAI;AAE7B,QAAIN,EAAiB;AAIrB,IAF2BM,IAAcJ,IAAeD,MAGtDF;AAAA,MACE;AAAA,MACA;AAAA,QACE,gBAAgBG;AAAA,QAChB,cAAcI;AAAA,QACd,sBAAsBA,IAAcJ;AAAA,MACtC;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IACpB,GACA,OAAO,SAAS,OAAO;AAAA,KAExB,CAACF,GAAiBC,GAAWC,GAAcH,CAAU,CAAC;AAEzD,EAAAQ,EAAU,OACHP,KACI,OAAA,iBAAiB,SAASI,CAAc,GAG1C,MAAM;AACJ,WAAA,oBAAoB,SAASA,CAAc;AAAA,EACpD,IACC,CAACA,GAAgBJ,CAAe,CAAC;AACtC;"}

package/dist/features/hooks/use-is-unmounted.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-is-unmounted.js","sources":["../../../src/features/hooks/use-is-unmounted.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nconst useIsUnmounted = () => {\n const isUnmountedRef = useRef(false);\n\n useEffect(() => {\n return () => {\n isUnmountedRef.current = true;\n };\n }, []);\n\n return isUnmountedRef;\n};\n\nexport default useIsUnmounted;\n"],"names":["useIsUnmounted","isUnmountedRef","useRef","useEffect"],"mappings":";AAEA,MAAMA,IAAiB,MAAM;AACrB,QAAAC,IAAiBC,EAAO,EAAK;AAEnC,SAAAC,EAAU,MACD,MAAM;AACX,IAAAF,EAAe,UAAU;AAAA,~~EAAA~~,~~GAE1B~~,~~CAAE~~,~~CAAA,~~GAEEA;AACT;"}
1	+ {"version":3,"file":"use-is-unmounted.js","sources":["../../../src/features/hooks/use-is-unmounted.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nconst useIsUnmounted = () => {\n const isUnmountedRef = useRef(false);\n\n useEffect(() => {\n return () => {\n isUnmountedRef.current = true;\n };\n }, []);\n\n return isUnmountedRef;\n};\n\nexport default useIsUnmounted;\n"],"names":["useIsUnmounted","isUnmountedRef","useRef","useEffect"],"mappings":";AAEA,MAAMA,IAAiB,MAAM;AACrB,QAAAC,IAAiBC,EAAO,EAAK;AAEnC,SAAAC,EAAU,MACD,MAAM;AACX,IAAAF,EAAe,UAAU;AAAA,EAC3B,GACC,EAAE,GAEEA;AACT;"}

package/dist/features/hooks/use-lazy-ref.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-lazy-ref.js","sources":["../../../src/features/hooks/use-lazy-ref.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nconst useLazyRef = <Value,>(setInitialValue: () => Value, defaultValue: Value \| null = null) => {\n const lazyRef = useRef<Value \| null>(defaultValue);\n\n if (lazyRef.current === null) {\n lazyRef.current = setInitialValue();\n }\n\n return lazyRef.current;\n};\n\nexport default useLazyRef;\n"],"names":["useLazyRef","setInitialValue","defaultValue","lazyRef","useRef"],"mappings":";AAEA,MAAMA,IAAa,CAASC,GAA8BC,IAA6B,SAAS;AACxF,QAAAC,IAAUC,EAAqBF,CAAY;AAE7C,SAAAC,EAAQ,YAAY,SACtBA,EAAQ,UAAUF,~~MAGbE~~,EAAQ;AACjB;"}
1	+ {"version":3,"file":"use-lazy-ref.js","sources":["../../../src/features/hooks/use-lazy-ref.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nconst useLazyRef = <Value,>(setInitialValue: () => Value, defaultValue: Value \| null = null) => {\n const lazyRef = useRef<Value \| null>(defaultValue);\n\n if (lazyRef.current === null) {\n lazyRef.current = setInitialValue();\n }\n\n return lazyRef.current;\n};\n\nexport default useLazyRef;\n"],"names":["useLazyRef","setInitialValue","defaultValue","lazyRef","useRef"],"mappings":";AAEA,MAAMA,IAAa,CAASC,GAA8BC,IAA6B,SAAS;AACxF,QAAAC,IAAUC,EAAqBF,CAAY;AAE7C,SAAAC,EAAQ,YAAY,SACtBA,EAAQ,UAAUF,EAAgB,IAG7BE,EAAQ;AACjB;"}

package/dist/features/hooks/use-previous.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-previous.js","sources":["../../../src/features/hooks/use-previous.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nfunction isEqual<T>(prevValue: T, currentValue: T) {\n return JSON.stringify(prevValue) === JSON.stringify(currentValue);\n}\n\nfunction usePrevious<T>(value: T) {\n const previousValue = useRef<T>();\n\n useEffect(() => {\n const { current: currentStoredValue } = previousValue \|\| {};\n\n if (!currentStoredValue \|\| !isEqual(currentStoredValue, value)) {\n previousValue.current = value;\n }\n }, [value]);\n\n return previousValue.current;\n}\n\nexport default usePrevious;\n"],"names":["isEqual","prevValue","currentValue","usePrevious","value","previousValue","useRef","useEffect","currentStoredValue"],"mappings":";AAEA,SAASA,EAAWC,GAAcC,GAAiB;AACjD,SAAO,KAAK,UAAUD,CAAS,MAAM,KAAK,UAAUC,CAAY;AAClE;AAEA,SAASC,EAAeC,GAAU;AAChC,QAAMC,IAAgBC;~~AAEtB~~,SAAAC,EAAU,MAAM;AACd,UAAM,EAAE,SAASC,~~MAAuBH~~,KAAiB,~~CAAA~~;~~AAEzD~~,KAAI,CAACG,KAAsB,CAACR,EAAQQ,GAAoBJ,CAAK,OAC3DC,EAAc,UAAUD;AAAA,EAC1B,GACC,CAACA,CAAK,CAAC,GAEHC,EAAc;AACvB;"}
1	+ {"version":3,"file":"use-previous.js","sources":["../../../src/features/hooks/use-previous.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nfunction isEqual<T>(prevValue: T, currentValue: T) {\n return JSON.stringify(prevValue) === JSON.stringify(currentValue);\n}\n\nfunction usePrevious<T>(value: T) {\n const previousValue = useRef<T>();\n\n useEffect(() => {\n const { current: currentStoredValue } = previousValue \|\| {};\n\n if (!currentStoredValue \|\| !isEqual(currentStoredValue, value)) {\n previousValue.current = value;\n }\n }, [value]);\n\n return previousValue.current;\n}\n\nexport default usePrevious;\n"],"names":["isEqual","prevValue","currentValue","usePrevious","value","previousValue","useRef","useEffect","currentStoredValue"],"mappings":";AAEA,SAASA,EAAWC,GAAcC,GAAiB;AACjD,SAAO,KAAK,UAAUD,CAAS,MAAM,KAAK,UAAUC,CAAY;AAClE;AAEA,SAASC,EAAeC,GAAU;AAChC,QAAMC,IAAgBC,EAAU;AAEhC,SAAAC,EAAU,MAAM;AACd,UAAM,EAAE,SAASC,EAAmB,IAAIH,KAAiB,CAAC;AAE1D,KAAI,CAACG,KAAsB,CAACR,EAAQQ,GAAoBJ,CAAK,OAC3DC,EAAc,UAAUD;AAAA,EAC1B,GACC,CAACA,CAAK,CAAC,GAEHC,EAAc;AACvB;"}

package/dist/features/hooks/use-zoom-disable.js CHANGED Viewed

@@ -3,7 +3,7 @@ const n = (e) => {
   (e.ctrlKey || e.metaKey) && (e.key === "=" || e.key === "+" || e.key === "-" || e.key === "0" || e.code === "Equal" || e.code === "Minus" || e.code === "Digit0") && e.preventDefault();
 }, r = (e) => {
   e.ctrlKey && e.preventDefault();
-}, s = () => {
+}, d = () => {
   t(() => {
     const e = (o) => o.preventDefault();
     return document.addEventListener("gesturestart", e), document.addEventListener("gesturechange", e), document.addEventListener("gestureend", e), () => {
@@ -14,8 +14,8 @@ const n = (e) => {
   }), []), t(() => (window.addEventListener("wheel", r, { passive: !1 }), () => {
     window.removeEventListener("wheel", r);
   }), []);
-}, u = s;
+};
 export {
-  u as default
+  d as default
 };
 //# sourceMappingURL=use-zoom-disable.js.map

package/dist/features/hooks/use-zoom-disable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-zoom-disable.js","sources":["../../../src/features/hooks/use-zoom-disable.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nconst preventZoom = (e: KeyboardEvent) => {\n if (\n (e.ctrlKey \|\| e.metaKey) &&\n (e.key === '=' \|\|\n e.key === '+' \|\|\n e.key === '-' \|\|\n e.key === '0' \|\|\n e.code === 'Equal' \|\|\n e.code === 'Minus' \|\|\n e.code === 'Digit0')\n ) {\n e.preventDefault();\n }\n};\n\nconst preventWheelZoom = (e: WheelEvent) => {\n if (e.ctrlKey) {\n e.preventDefault();\n }\n};\n\nconst useZoomDisable = () => {\n useEffect(() => {\n const preventDefaultGesture = (e: Event) => e.preventDefault();\n\n document.addEventListener('gesturestart', preventDefaultGesture);\n document.addEventListener('gesturechange', preventDefaultGesture);\n document.addEventListener('gestureend', preventDefaultGesture);\n\n return () => {\n document.removeEventListener('gesturestart', preventDefaultGesture);\n document.removeEventListener('gesturechange', preventDefaultGesture);\n document.removeEventListener('gestureend', preventDefaultGesture);\n };\n }, []);\n\n useEffect(() => {\n document.addEventListener('keydown', preventZoom);\n\n return () => {\n document.removeEventListener('keydown', preventZoom);\n };\n }, []);\n\n useEffect(() => {\n window.addEventListener('wheel', preventWheelZoom, { passive: false });\n\n return () => {\n window.removeEventListener('wheel', preventWheelZoom);\n };\n }, []);\n};\n\nexport default useZoomDisable;\n"],"names":["preventZoom","preventWheelZoom","useZoomDisable","useEffect","preventDefaultGesture","e"~~,"useZoomDisable$1"~~],"mappings":";AAEA,MAAMA,IAAc,CAAC,MAAqB;AAErC,GAAA,EAAE,WAAW,EAAE,aACf,EAAE,QAAQ,OACT,EAAE,QAAQ,OACV,EAAE,QAAQ,OACV,EAAE,QAAQ,OACV,EAAE,SAAS,WACX,EAAE,SAAS,WACX,EAAE,SAAS,aAEb,EAAE,eAAe;AAErB,GAEMC,IAAmB,CAAC,MAAkB;AAC1C,EAAI,EAAE,WACJ,EAAE,eAAe;AAErB,GAEMC,IAAiB,MAAM;AAC3B,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAwB,CAACC,MAAaA,EAAE,eAAe;AAEpD,oBAAA,iBAAiB,gBAAgBD,CAAqB,GACtD,SAAA,iBAAiB,iBAAiBA,CAAqB,GACvD,SAAA,iBAAiB,cAAcA,CAAqB,GAEtD,MAAM;AACF,eAAA,oBAAoB,gBAAgBA,CAAqB,GACzD,SAAA,oBAAoB,iBAAiBA,CAAqB,GAC1D,SAAA,oBAAoB,cAAcA,CAAqB;AAAA,~~IAAA~~;AAAA,~~EAEpE~~,GAAG,~~CAAE~~,~~CAAA,~~GAELD,EAAU,OACC,SAAA,iBAAiB,WAAWH,CAAW,GAEzC,MAAM;AACF,aAAA,oBAAoB,WAAWA,CAAW;AAAA,~~EAAA~~,~~IAEpD~~,~~CAAE~~,~~CAAA,~~GAELG,EAAU,OACR,OAAO,iBAAiB,SAASF,GAAkB,EAAE,SAAS,IAAO,GAE9D,MAAM;AACJ,WAAA,oBAAoB,SAASA,CAAgB;AAAA,~~EAAA~~,~~IAErD~~,~~CAAE,CAAA~~;AACP~~,GAEAK,IAAeJ~~;"}
1	+ {"version":3,"file":"use-zoom-disable.js","sources":["../../../src/features/hooks/use-zoom-disable.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nconst preventZoom = (e: KeyboardEvent) => {\n if (\n (e.ctrlKey \|\| e.metaKey) &&\n (e.key === '=' \|\|\n e.key === '+' \|\|\n e.key === '-' \|\|\n e.key === '0' \|\|\n e.code === 'Equal' \|\|\n e.code === 'Minus' \|\|\n e.code === 'Digit0')\n ) {\n e.preventDefault();\n }\n};\n\nconst preventWheelZoom = (e: WheelEvent) => {\n if (e.ctrlKey) {\n e.preventDefault();\n }\n};\n\nconst useZoomDisable = () => {\n useEffect(() => {\n const preventDefaultGesture = (e: Event) => e.preventDefault();\n\n document.addEventListener('gesturestart', preventDefaultGesture);\n document.addEventListener('gesturechange', preventDefaultGesture);\n document.addEventListener('gestureend', preventDefaultGesture);\n\n return () => {\n document.removeEventListener('gesturestart', preventDefaultGesture);\n document.removeEventListener('gesturechange', preventDefaultGesture);\n document.removeEventListener('gestureend', preventDefaultGesture);\n };\n }, []);\n\n useEffect(() => {\n document.addEventListener('keydown', preventZoom);\n\n return () => {\n document.removeEventListener('keydown', preventZoom);\n };\n }, []);\n\n useEffect(() => {\n window.addEventListener('wheel', preventWheelZoom, { passive: false });\n\n return () => {\n window.removeEventListener('wheel', preventWheelZoom);\n };\n }, []);\n};\n\nexport default useZoomDisable;\n"],"names":["preventZoom","preventWheelZoom","useZoomDisable","useEffect","preventDefaultGesture","e"],"mappings":";AAEA,MAAMA,IAAc,CAAC,MAAqB;AAErC,GAAA,EAAE,WAAW,EAAE,aACf,EAAE,QAAQ,OACT,EAAE,QAAQ,OACV,EAAE,QAAQ,OACV,EAAE,QAAQ,OACV,EAAE,SAAS,WACX,EAAE,SAAS,WACX,EAAE,SAAS,aAEb,EAAE,eAAe;AAErB,GAEMC,IAAmB,CAAC,MAAkB;AAC1C,EAAI,EAAE,WACJ,EAAE,eAAe;AAErB,GAEMC,IAAiB,MAAM;AAC3B,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAwB,CAACC,MAAaA,EAAE,eAAe;AAEpD,oBAAA,iBAAiB,gBAAgBD,CAAqB,GACtD,SAAA,iBAAiB,iBAAiBA,CAAqB,GACvD,SAAA,iBAAiB,cAAcA,CAAqB,GAEtD,MAAM;AACF,eAAA,oBAAoB,gBAAgBA,CAAqB,GACzD,SAAA,oBAAoB,iBAAiBA,CAAqB,GAC1D,SAAA,oBAAoB,cAAcA,CAAqB;AAAA,IAClE;AAAA,EACF,GAAG,EAAE,GAELD,EAAU,OACC,SAAA,iBAAiB,WAAWH,CAAW,GAEzC,MAAM;AACF,aAAA,oBAAoB,WAAWA,CAAW;AAAA,EACrD,IACC,EAAE,GAELG,EAAU,OACR,OAAO,iBAAiB,SAASF,GAAkB,EAAE,SAAS,IAAO,GAE9D,MAAM;AACJ,WAAA,oBAAoB,SAASA,CAAgB;AAAA,EACtD,IACC,EAAE;AACP;"}

package/dist/features/journey/comps/coachmark/coachmark-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"coachmark-styled.js","sources":["../../../../../src/features/journey/comps/coachmark/coachmark-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const ClonedElementWrapper = styled(FlexView)<{\n $top: number;\n $left: number;\n}>`\n top: ${({ $top }) => $top}px;\n left: ${({ $left }) => $left}px;\n`;\n\nexport const CoachmarkBody = styled(FlexView)(({ theme }) => {\n const { gutter } = theme.layout;\n\n return `\n width: 100%;\n padding: ${gutter * 0.75}px ${gutter * 0.5}px;\n `;\n});\n"],"names":["ClonedElementWrapper","styled","FlexView","$top","$left","CoachmarkBody","theme","gutter"],"mappings":";;AAIa,MAAAA,IAAuBC,EAAOC,CAAQ;AAAA,SAI1C,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA,UACjB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA,GAGjBC,IAAgBJ,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAI,QAAY;AACrD,QAAA,EAAE,QAAAC,~~EAAO~~,~~IAAID,~~EAAM;AAElB,SAAA;AAAA;AAAA,eAEMC,IAAS,IAAI,MAAMA,IAAS,GAAG;AAAA;AAE9C,CAAC;"}
1	+ {"version":3,"file":"coachmark-styled.js","sources":["../../../../../src/features/journey/comps/coachmark/coachmark-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const ClonedElementWrapper = styled(FlexView)<{\n $top: number;\n $left: number;\n}>`\n top: ${({ $top }) => $top}px;\n left: ${({ $left }) => $left}px;\n`;\n\nexport const CoachmarkBody = styled(FlexView)(({ theme }) => {\n const { gutter } = theme.layout;\n\n return `\n width: 100%;\n padding: ${gutter * 0.75}px ${gutter * 0.5}px;\n `;\n});\n"],"names":["ClonedElementWrapper","styled","FlexView","$top","$left","CoachmarkBody","theme","gutter"],"mappings":";;AAIa,MAAAA,IAAuBC,EAAOC,CAAQ;AAAA,SAI1C,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA,UACjB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA,GAGjBC,IAAgBJ,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAI,QAAY;AACrD,QAAA,EAAE,QAAAC,MAAWD,EAAM;AAElB,SAAA;AAAA;AAAA,eAEMC,IAAS,IAAI,MAAMA,IAAS,GAAG;AAAA;AAE9C,CAAC;"}

package/dist/features/journey/comps/coachmark/coachmark.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as g, Fragment as f } from "react/jsx-runtime";
 import { useMemo as p } from "react";
 import m from "../../../ui/arrow-tooltip/arrow-tooltip.js";
 import y from "../../../ui/nudge/nudge.js";
-import { BLUR_OVERLAY_Z_INDEX as T, IndicatorType as d } from "../../use-journey/constants.js";
+import { IndicatorType as d, BLUR_OVERLAY_Z_INDEX as T } from "../../use-journey/constants.js";
 import { CoachmarkBody as P, ClonedElementWrapper as s } from "./coachmark-styled.js";
 import { toolTipGetXCoordinates as $ } from "./coachmark-utils.js";
 const H = ({ coachmark: t }) => {

package/dist/features/journey/comps/coachmark/coachmark.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"coachmark.js","sources":["../../../../../src/features/journey/comps/coachmark/coachmark.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../ui/nudge/nudge-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport React, { useMemo } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Nudge from '../../../ui/nudge/nudge';\nimport { BLUR_OVERLAY_Z_INDEX, IndicatorType } from '../../use-journey/constants';\nimport * as S from './coachmark-styled';\nimport { toolTipGetXCoordinates } from './coachmark-utils';\n\nexport const Coachmark: React.FC<{ coachmark: ICoachmarkProps }> = ({ coachmark }) => {\n const targetElement = coachmark.originalElementToHighlightRef.current;\n const { top = 0, left = 0, height = 0, width = 0 } = targetElement?.getBoundingClientRect() \|\| {};\n\n const isAbsolute = useMemo(() => {\n return () => {\n if (!targetElement) return false;\n\n return window.getComputedStyle(targetElement).position === 'absolute';\n };\n }, [targetElement]);\n\n const tooltipProps = useMemo(() => {\n const arrowToolTipProps = coachmark.indicator as IArrowTooltipProps;\n\n return {\n width: 264, // Can be over ridden\n tooltipXCoOrdinates:\n toolTipGetXCoordinates(arrowToolTipProps.position) +\n (arrowToolTipProps.tooltipXCoOrdinates ?? 0), // For absolutely positioned elements\n zIndex: BLUR_OVERLAY_Z_INDEX + 1,\n ...arrowToolTipProps,\n tooltipItem: <S.CoachmarkBody>{arrowToolTipProps.tooltipItem}</S.CoachmarkBody>,\n alwaysVisible: true,\n renderAs: 'primary', // Deprecate this\n borderWidth: 1,\n arrowColor: 'WHITE',\n borderColor: 'WHITE',\n type: IndicatorType.TOOLTIP,\n isAnimated: true,\n } as IArrowTooltipProps;\n }, [coachmark.indicator]);\n\n const nudgeProps = useMemo(() => {\n const props: INudgeProps = coachmark.indicator as INudgeProps;\n\n return {\n ...props,\n nudgePointerX: left + (props.nudgePointerX ?? 0),\n nudgePointerY: top + (props.nudgePointerY ?? 0),\n };\n }, [coachmark.indicator, left, top]);\n\n if (!targetElement \|\| !coachmark.isActive) {\n return null;\n }\n\n if (coachmark.type === IndicatorType.TOOLTIP) {\n if (isAbsolute()) {\n return (\n <>\n {coachmark.elementToHighlight}\n <S.ClonedElementWrapper $position=\"absolute\" $top={top} $left={left}>\n <ArrowTooltip {...tooltipProps}>\n <div style={{ height, width }} />\n </ArrowTooltip>\n </S.ClonedElementWrapper>\n </>\n );\n }\n\n return (\n <S.ClonedElementWrapper $position=\"absolute\" $top={top} $left={left}>\n <ArrowTooltip {...tooltipProps}>{coachmark.elementToHighlight}</ArrowTooltip>\n </S.ClonedElementWrapper>\n );\n }\n\n if (coachmark.type === IndicatorType.NUDGE) {\n return (\n <>\n <S.ClonedElementWrapper\n $top={isAbsolute() ? 0 : top}\n $left={isAbsolute() ? 0 : left}\n $position={isAbsolute() ? 'relative' : 'absolute'}\n >\n {coachmark.elementToHighlight}\n </S.ClonedElementWrapper>\n <Nudge zIndex={BLUR_OVERLAY_Z_INDEX + 1} {...nudgeProps} />\n </>\n );\n }\n\n return null;\n};\n"],"names":["Coachmark","coachmark","targetElement","top","left","height","width","isAbsolute","useMemo","tooltipProps","arrowToolTipProps","toolTipGetXCoordinates","BLUR_OVERLAY_Z_INDEX","jsx","S.CoachmarkBody","IndicatorType","nudgeProps","props","jsxs","Fragment","S.ClonedElementWrapper","ArrowTooltip","Nudge"],"mappings":";;;;;;;AAYO,MAAMA,IAAsD,CAAC,EAAE,WAAAC,QAAgB;AAC9E,QAAAC,IAAgBD,EAAU,8BAA8B,SACxD,EAAE,KAAAE,IAAM,GAAG,MAAAC,IAAO,GAAG,QAAAC,IAAS,GAAG,OAAAC,IAAQ,EAAE,KAAIJ,KAAA,gBAAAA,EAAe,4BAA2B,~~CAAA~~,~~GAEzFK~~,IAAaC,EAAQ,MAClB,MACAN,IAEE,OAAO,iBAAiBA,CAAa,EAAE,aAAa,aAFhC,IAI5B,CAACA,CAAa,CAAC,GAEZO,IAAeD,EAAQ,MAAM;AACjC,UAAME,IAAoBT,EAAU;AAE7B,WAAA;AAAA,MACL,OAAO;AAAA;AAAA,MACP,qBACEU,EAAuBD,EAAkB,QAAQ,KAChDA,EAAkB,uBAAuB;AAAA;AAAA,MAC5C,QAAQE,IAAuB;AAAA,MAC/B,GAAGF;AAAA,MACH,aAAc,gBAAAG,EAAAC,GAAA,EAAiB,YAAkB,aAAY;AAAA,MAC7D,eAAe;AAAA,MACf,UAAU;AAAA;AAAA,MACV,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,MAAMC,EAAc;AAAA,MACpB,YAAY;AAAA,~~IAAA~~;AAAA,~~EACd~~,GACC,CAACd,EAAU,SAAS,CAAC,GAElBe,IAAaR,EAAQ,MAAM;AAC/B,UAAMS,IAAqBhB,EAAU;AAE9B,WAAA;AAAA,MACL,GAAGgB;AAAA,MACH,eAAeb,KAAQa,EAAM,iBAAiB;AAAA,MAC9C,eAAed,KAAOc,EAAM,iBAAiB;AAAA,~~IAAA~~;AAAA,~~KAE9C~~,CAAChB,EAAU,WAAWG,GAAMD,CAAG,CAAC;AAEnC,SAAI,CAACD,KAAiB,CAACD,EAAU,WACxB,OAGLA,EAAU,SAASc,EAAc,UAC/BR,MAGG,gBAAAW,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAUlB,EAAA;AAAA,IACX,gBAAAY,EAACO,GAAA,EAAuB,WAAU,YAAW,MAAMjB,GAAK,OAAOC,GAC7D,UAAA,gBAAAS,EAACQ,KAAc,GAAGZ,GAChB,4BAAC,OAAI,EAAA,OAAO,EAAE,QAAAJ,GAAQ,OAAAC,~~EAAA~~,~~GAAS~~,~~EAAA~~,~~CACjC~~,EACF,CAAA;AAAA,~~EACF,~~EAAA,~~CAAA~~,sBAKDc,GAAA,EAAuB,WAAU,YAAW,MAAMjB,GAAK,OAAOC,GAC7D,4BAACiB,GAAc,EAAA,GAAGZ,GAAe,UAAAR,EAAU,~~oBAAmB~~,~~EAChE,~~CAAA,IAIAA,EAAU,SAASc,EAAc,QAG/B,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN;AAAA,MAACO;AAAAA,MAAA;AAAA,QACC,MAAMb,MAAe,IAAIJ;AAAA,QACzB,OAAOI,MAAe,IAAIH;AAAA,QAC1B,WAAWG,MAAe,aAAa;AAAA,QAEtC,UAAUN,EAAA;AAAA,MAAA;AAAA,IACb;AAAA,sBACCqB,GAAM,EAAA,QAAQV,IAAuB,GAAI,GAAGI,~~GAAY~~;AAAA,~~EAC3D,~~EAAA,~~CAAA~~,IAIG;AACT;"}
1	+ {"version":3,"file":"coachmark.js","sources":["../../../../../src/features/journey/comps/coachmark/coachmark.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../ui/nudge/nudge-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport React, { useMemo } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Nudge from '../../../ui/nudge/nudge';\nimport { BLUR_OVERLAY_Z_INDEX, IndicatorType } from '../../use-journey/constants';\nimport * as S from './coachmark-styled';\nimport { toolTipGetXCoordinates } from './coachmark-utils';\n\nexport const Coachmark: React.FC<{ coachmark: ICoachmarkProps }> = ({ coachmark }) => {\n const targetElement = coachmark.originalElementToHighlightRef.current;\n const { top = 0, left = 0, height = 0, width = 0 } = targetElement?.getBoundingClientRect() \|\| {};\n\n const isAbsolute = useMemo(() => {\n return () => {\n if (!targetElement) return false;\n\n return window.getComputedStyle(targetElement).position === 'absolute';\n };\n }, [targetElement]);\n\n const tooltipProps = useMemo(() => {\n const arrowToolTipProps = coachmark.indicator as IArrowTooltipProps;\n\n return {\n width: 264, // Can be over ridden\n tooltipXCoOrdinates:\n toolTipGetXCoordinates(arrowToolTipProps.position) +\n (arrowToolTipProps.tooltipXCoOrdinates ?? 0), // For absolutely positioned elements\n zIndex: BLUR_OVERLAY_Z_INDEX + 1,\n ...arrowToolTipProps,\n tooltipItem: <S.CoachmarkBody>{arrowToolTipProps.tooltipItem}</S.CoachmarkBody>,\n alwaysVisible: true,\n renderAs: 'primary', // Deprecate this\n borderWidth: 1,\n arrowColor: 'WHITE',\n borderColor: 'WHITE',\n type: IndicatorType.TOOLTIP,\n isAnimated: true,\n } as IArrowTooltipProps;\n }, [coachmark.indicator]);\n\n const nudgeProps = useMemo(() => {\n const props: INudgeProps = coachmark.indicator as INudgeProps;\n\n return {\n ...props,\n nudgePointerX: left + (props.nudgePointerX ?? 0),\n nudgePointerY: top + (props.nudgePointerY ?? 0),\n };\n }, [coachmark.indicator, left, top]);\n\n if (!targetElement \|\| !coachmark.isActive) {\n return null;\n }\n\n if (coachmark.type === IndicatorType.TOOLTIP) {\n if (isAbsolute()) {\n return (\n <>\n {coachmark.elementToHighlight}\n <S.ClonedElementWrapper $position=\"absolute\" $top={top} $left={left}>\n <ArrowTooltip {...tooltipProps}>\n <div style={{ height, width }} />\n </ArrowTooltip>\n </S.ClonedElementWrapper>\n </>\n );\n }\n\n return (\n <S.ClonedElementWrapper $position=\"absolute\" $top={top} $left={left}>\n <ArrowTooltip {...tooltipProps}>{coachmark.elementToHighlight}</ArrowTooltip>\n </S.ClonedElementWrapper>\n );\n }\n\n if (coachmark.type === IndicatorType.NUDGE) {\n return (\n <>\n <S.ClonedElementWrapper\n $top={isAbsolute() ? 0 : top}\n $left={isAbsolute() ? 0 : left}\n $position={isAbsolute() ? 'relative' : 'absolute'}\n >\n {coachmark.elementToHighlight}\n </S.ClonedElementWrapper>\n <Nudge zIndex={BLUR_OVERLAY_Z_INDEX + 1} {...nudgeProps} />\n </>\n );\n }\n\n return null;\n};\n"],"names":["Coachmark","coachmark","targetElement","top","left","height","width","isAbsolute","useMemo","tooltipProps","arrowToolTipProps","toolTipGetXCoordinates","BLUR_OVERLAY_Z_INDEX","jsx","S.CoachmarkBody","IndicatorType","nudgeProps","props","jsxs","Fragment","S.ClonedElementWrapper","ArrowTooltip","Nudge"],"mappings":";;;;;;;AAYO,MAAMA,IAAsD,CAAC,EAAE,WAAAC,QAAgB;AAC9E,QAAAC,IAAgBD,EAAU,8BAA8B,SACxD,EAAE,KAAAE,IAAM,GAAG,MAAAC,IAAO,GAAG,QAAAC,IAAS,GAAG,OAAAC,IAAQ,EAAE,KAAIJ,KAAA,gBAAAA,EAAe,4BAA2B,CAAC,GAE1FK,IAAaC,EAAQ,MAClB,MACAN,IAEE,OAAO,iBAAiBA,CAAa,EAAE,aAAa,aAFhC,IAI5B,CAACA,CAAa,CAAC,GAEZO,IAAeD,EAAQ,MAAM;AACjC,UAAME,IAAoBT,EAAU;AAE7B,WAAA;AAAA,MACL,OAAO;AAAA;AAAA,MACP,qBACEU,EAAuBD,EAAkB,QAAQ,KAChDA,EAAkB,uBAAuB;AAAA;AAAA,MAC5C,QAAQE,IAAuB;AAAA,MAC/B,GAAGF;AAAA,MACH,aAAc,gBAAAG,EAAAC,GAAA,EAAiB,YAAkB,aAAY;AAAA,MAC7D,eAAe;AAAA,MACf,UAAU;AAAA;AAAA,MACV,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,MAAMC,EAAc;AAAA,MACpB,YAAY;AAAA,IACd;AAAA,EAAA,GACC,CAACd,EAAU,SAAS,CAAC,GAElBe,IAAaR,EAAQ,MAAM;AAC/B,UAAMS,IAAqBhB,EAAU;AAE9B,WAAA;AAAA,MACL,GAAGgB;AAAA,MACH,eAAeb,KAAQa,EAAM,iBAAiB;AAAA,MAC9C,eAAed,KAAOc,EAAM,iBAAiB;AAAA,IAC/C;AAAA,KACC,CAAChB,EAAU,WAAWG,GAAMD,CAAG,CAAC;AAEnC,SAAI,CAACD,KAAiB,CAACD,EAAU,WACxB,OAGLA,EAAU,SAASc,EAAc,UAC/BR,MAGG,gBAAAW,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAUlB,EAAA;AAAA,IACX,gBAAAY,EAACO,GAAA,EAAuB,WAAU,YAAW,MAAMjB,GAAK,OAAOC,GAC7D,UAAA,gBAAAS,EAACQ,KAAc,GAAGZ,GAChB,4BAAC,OAAI,EAAA,OAAO,EAAE,QAAAJ,GAAQ,OAAAC,IAAS,CAAA,EACjC,CAAA,EACF,CAAA;AAAA,EAAA,GACF,sBAKDc,GAAA,EAAuB,WAAU,YAAW,MAAMjB,GAAK,OAAOC,GAC7D,4BAACiB,GAAc,EAAA,GAAGZ,GAAe,UAAAR,EAAU,mBAAmB,CAAA,GAChE,IAIAA,EAAU,SAASc,EAAc,QAG/B,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN;AAAA,MAACO;AAAAA,MAAA;AAAA,QACC,MAAMb,MAAe,IAAIJ;AAAA,QACzB,OAAOI,MAAe,IAAIH;AAAA,QAC1B,WAAWG,MAAe,aAAa;AAAA,QAEtC,UAAUN,EAAA;AAAA,MAAA;AAAA,IACb;AAAA,sBACCqB,GAAM,EAAA,QAAQV,IAAuB,GAAI,GAAGI,EAAY,CAAA;AAAA,EAAA,GAC3D,IAIG;AACT;"}

package/dist/features/journey/hooks/use-get-eligible-journeys-via-route.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-get-eligible-journeys-via-route.js","sources":["../../../../src/features/journey/hooks/use-get-eligible-journeys-via-route.tsx"],"sourcesContent":["import type { TJourneyId } from '../journey-id/journey-id-types';\n\nimport { useMemo } from 'react';\n\nimport { useJourney } from '../use-journey/use-journey';\n\nexport const useGetEligibleJourneysViaRoute = (routeJourneyIds: TJourneyId[]) => {\n const { userCompletedJourneyIds } = useJourney();\n\n const eligibleJourneys = useMemo(\n () => routeJourneyIds.filter(journeyId => !userCompletedJourneyIds.includes(journeyId)),\n [routeJourneyIds, userCompletedJourneyIds],\n );\n\n return eligibleJourneys;\n};\n"],"names":["useGetEligibleJourneysViaRoute","routeJourneyIds","userCompletedJourneyIds","useJourney","useMemo","journeyId"],"mappings":";;AAMa,MAAAA,IAAiC,CAACC,MAAkC;AACzE,QAAA,EAAE,yBAAAC,~~MAA4BC~~;~~AAO7B~~,SALkBC;AAAA,IACvB,MAAMH,EAAgB,OAAO,CAAAI,MAAa,CAACH,EAAwB,SAASG,CAAS,CAAC;AAAA,IACtF,CAACJ,GAAiBC,CAAuB;AAAA,~~EAAA~~;~~AAI7C~~;"}
1	+ {"version":3,"file":"use-get-eligible-journeys-via-route.js","sources":["../../../../src/features/journey/hooks/use-get-eligible-journeys-via-route.tsx"],"sourcesContent":["import type { TJourneyId } from '../journey-id/journey-id-types';\n\nimport { useMemo } from 'react';\n\nimport { useJourney } from '../use-journey/use-journey';\n\nexport const useGetEligibleJourneysViaRoute = (routeJourneyIds: TJourneyId[]) => {\n const { userCompletedJourneyIds } = useJourney();\n\n const eligibleJourneys = useMemo(\n () => routeJourneyIds.filter(journeyId => !userCompletedJourneyIds.includes(journeyId)),\n [routeJourneyIds, userCompletedJourneyIds],\n );\n\n return eligibleJourneys;\n};\n"],"names":["useGetEligibleJourneysViaRoute","routeJourneyIds","userCompletedJourneyIds","useJourney","useMemo","journeyId"],"mappings":";;AAMa,MAAAA,IAAiC,CAACC,MAAkC;AACzE,QAAA,EAAE,yBAAAC,EAAwB,IAAIC,EAAW;AAOxC,SALkBC;AAAA,IACvB,MAAMH,EAAgB,OAAO,CAAAI,MAAa,CAACH,EAAwB,SAASG,CAAS,CAAC;AAAA,IACtF,CAACJ,GAAiBC,CAAuB;AAAA,EAC3C;AAGF;"}