npm - @mx-cartographer/experiences - Versions diffs - 9.3.0-alpha.bb2 → 9.3.0 - Mend

@mx-cartographer/experiences 9.3.0-alpha.bb2 → 9.3.0

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 (612) hide show

package/dist/goals/components/actions/ContributionAction.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContributionAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/ContributionAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { CurrencyInput, ListItemAction, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { TrackType } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface ContributionActionProps {\n trackType: TrackType\n}\n\nexport const ContributionAction = observer(({ trackType }: ContributionActionProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { setAlert, monthlyCashFlowProfile, updateMonthlyCashFlowProfile } = useGoalStore()\n\n const contribution = React.useMemo(() => {\n let amount = 0\n if (trackType === TrackType.SAVINGS_TRACK) {\n amount = monthlyCashFlowProfile?.amount_allocated_for_savings_goals \|\| 0\n } else if (trackType === TrackType.DEBT_TRACK) {\n amount = monthlyCashFlowProfile?.amount_allocated_for_debt_goals \|\| 0\n } else if (trackType === TrackType.RETIREMENT_TRACK) {\n amount = monthlyCashFlowProfile?.amount_allocated_for_retirement_goals \|\| 0\n }\n return amount\n }, [monthlyCashFlowProfile])\n\n React.useEffect(() => {\n setAmount(contribution)\n }, [contribution])\n\n const [amount, setAmount] = React.useState<number>(contribution)\n\n const isInvalid = amount < 0 \|\| amount > 99999999\n\n const handleSave = async () => {\n if (monthlyCashFlowProfile) {\n const updatedProfile = { ...monthlyCashFlowProfile }\n if (trackType === TrackType.SAVINGS_TRACK) {\n updatedProfile.amount_allocated_for_savings_goals = amount\n } else if (trackType === TrackType.DEBT_TRACK) {\n updatedProfile.amount_allocated_for_debt_goals = amount\n } else if (trackType === TrackType.RETIREMENT_TRACK) {\n updatedProfile.amount_allocated_for_retirement_goals = amount\n }\n\n await updateMonthlyCashFlowProfile(updatedProfile)\n setAlert(copy.alert_contribution_updated)\n }\n }\n\n return (\n <Stack bgcolor=\"background.paper\">\n <ListItemAction\n isSaveDisabled={!amount \|\| isNaN(amount)}\n label={copy.contribution_label}\n onCancel={() => setAmount(contribution)}\n onSave={handleSave}\n primaryText={copy.contribution_label}\n secondaryText={formatCurrency(contribution, '0,0.00')}\n >\n <CurrencyInput\n amount={amount}\n autoFocus={true}\n error={isInvalid}\n fullWidth={true}\n minAmount={0}\n setAmount={(value) => setAmount(!isNaN(Number(value)) ? Number(value) : amount)}\n sx={{ '.MuiTypography-body1': { p: 0 } }}\n />\n </ListItemAction>\n </Stack>\n )\n})\n"],"mappings":";;;;;;;;;AAaA,IAAa,IAAqB,EAAA,CAAU,EAAE,WAAA,EAAA,MAAyC;AACrF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,wBAAA,GAAwB,8BAAA,EAAA,IAAiC,EAAa,GAElF,IAAe,EAAM,QAAA,MAAc;AACvC,QAAI,IAAS;AACb,WAAI,MAAc,EAAU,gBAC1B,IAAS,GAAwB,sCAAsC,IAC9D,MAAc,EAAU,aACjC,IAAS,GAAwB,mCAAmC,IAC3D,MAAc,EAAU,qBACjC,IAAS,GAAwB,yCAAyC,IAErE;AAAA,EACT,GAAG,CAAC,CAAsB,CAAC;AAE3B,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAU,CAAY;AAAA,EACxB,GAAG,CAAC,CAAY,CAAC;AAEjB,QAAM,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAiB,CAAY,GAEzD,IAAY,IAAS,KAAK,IAAS,UAEnC,IAAa,YAAY;AAC7B,QAAI,GAAwB;AAC1B,YAAM,IAAiB,EAAE,GAAG,EAAuB;AACnD,MAAI,MAAc,EAAU,gBAC1B,EAAe,qCAAqC,IAC3C,MAAc,EAAU,aACjC,EAAe,kCAAkC,IACxC,MAAc,EAAU,qBACjC,EAAe,wCAAwC,IAGzD,MAAM,EAA6B,CAAc,GACjD,EAAS,EAAK,0BAA0B;AAAA,IAC1C;AAAA,EACF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,SAAQ;AAAA,~~cACb~~,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB,CAAC,KAAU,MAAM,CAAM;AAAA,MACvC,OAAO,EAAK;AAAA,MACZ,UAAA,MAAgB,EAAU,CAAY;AAAA,MACtC,QAAQ;AAAA,MACR,aAAa,EAAK;AAAA,MAClB,eAAe,EAAe,GAAc,QAAQ;AAAA,~~gBAEpD~~,gBAAA,EAAC,GAAD;AAAA,QACU,QAAA;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAA,CAAY,MAAU,EAAW,MAAM,OAAO,CAAK,CAAC,IAAoB,IAAhB,OAAO,CAAK,CAAU;AAAA,QAC9E,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,MACxC,CAAA;AAAA,IACa,CAAA;AAAA,EACX,CAAA;AAEX,CAAC"}
1	+ {"version":3,"file":"ContributionAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/ContributionAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { CurrencyInput, ListItemAction, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { TrackType } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface ContributionActionProps {\n trackType: TrackType\n}\n\nexport const ContributionAction = observer(({ trackType }: ContributionActionProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { setAlert, monthlyCashFlowProfile, updateMonthlyCashFlowProfile } = useGoalStore()\n\n const contribution = React.useMemo(() => {\n let amount = 0\n if (trackType === TrackType.SAVINGS_TRACK) {\n amount = monthlyCashFlowProfile?.amount_allocated_for_savings_goals \|\| 0\n } else if (trackType === TrackType.DEBT_TRACK) {\n amount = monthlyCashFlowProfile?.amount_allocated_for_debt_goals \|\| 0\n } else if (trackType === TrackType.RETIREMENT_TRACK) {\n amount = monthlyCashFlowProfile?.amount_allocated_for_retirement_goals \|\| 0\n }\n return amount\n }, [monthlyCashFlowProfile])\n\n React.useEffect(() => {\n setAmount(contribution)\n }, [contribution])\n\n const [amount, setAmount] = React.useState<number>(contribution)\n\n const isInvalid = amount < 0 \|\| amount > 99999999\n\n const handleSave = async () => {\n if (monthlyCashFlowProfile) {\n const updatedProfile = { ...monthlyCashFlowProfile }\n if (trackType === TrackType.SAVINGS_TRACK) {\n updatedProfile.amount_allocated_for_savings_goals = amount\n } else if (trackType === TrackType.DEBT_TRACK) {\n updatedProfile.amount_allocated_for_debt_goals = amount\n } else if (trackType === TrackType.RETIREMENT_TRACK) {\n updatedProfile.amount_allocated_for_retirement_goals = amount\n }\n\n await updateMonthlyCashFlowProfile(updatedProfile)\n setAlert(copy.alert_contribution_updated)\n }\n }\n\n return (\n <Stack bgcolor=\"background.paper\">\n <ListItemAction\n isSaveDisabled={!amount \|\| isNaN(amount)}\n label={copy.contribution_label}\n onCancel={() => setAmount(contribution)}\n onSave={handleSave}\n primaryText={copy.contribution_label}\n secondaryText={formatCurrency(contribution, '0,0.00')}\n >\n <CurrencyInput\n amount={amount}\n autoFocus={true}\n error={isInvalid}\n fullWidth={true}\n minAmount={0}\n setAmount={(value) => setAmount(!isNaN(Number(value)) ? Number(value) : amount)}\n sx={{ '.MuiTypography-body1': { p: 0 } }}\n />\n </ListItemAction>\n </Stack>\n )\n})\n"],"mappings":";;;;;;;;;AAaA,IAAa,IAAqB,EAAA,CAAU,EAAE,WAAA,EAAA,MAAyC;AACrF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,wBAAA,GAAwB,8BAAA,EAAA,IAAiC,EAAa,GAElF,IAAe,EAAM,QAAA,MAAc;AACvC,QAAI,IAAS;AACb,WAAI,MAAc,EAAU,gBAC1B,IAAS,GAAwB,sCAAsC,IAC9D,MAAc,EAAU,aACjC,IAAS,GAAwB,mCAAmC,IAC3D,MAAc,EAAU,qBACjC,IAAS,GAAwB,yCAAyC,IAErE;AAAA,EACT,GAAG,CAAC,CAAsB,CAAC;AAE3B,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAU,CAAY;AAAA,EACxB,GAAG,CAAC,CAAY,CAAC;AAEjB,QAAM,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAiB,CAAY,GAEzD,IAAY,IAAS,KAAK,IAAS,UAEnC,IAAa,YAAY;AAC7B,QAAI,GAAwB;AAC1B,YAAM,IAAiB,EAAE,GAAG,EAAuB;AACnD,MAAI,MAAc,EAAU,gBAC1B,EAAe,qCAAqC,IAC3C,MAAc,EAAU,aACjC,EAAe,kCAAkC,IACxC,MAAc,EAAU,qBACjC,EAAe,wCAAwC,IAGzD,MAAM,EAA6B,CAAc,GACjD,EAAS,EAAK,0BAA0B;AAAA,IAC1C;AAAA,EACF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,SAAQ;AAAA,IACb,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB,CAAC,KAAU,MAAM,CAAM;AAAA,MACvC,OAAO,EAAK;AAAA,MACZ,UAAA,MAAgB,EAAU,CAAY;AAAA,MACtC,QAAQ;AAAA,MACR,aAAa,EAAK;AAAA,MAClB,eAAe,EAAe,GAAc,QAAQ;AAAA,MAEpD,UAAA,gBAAA,EAAC,GAAD;AAAA,QACU,QAAA;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAA,CAAY,MAAU,EAAW,MAAM,OAAO,CAAK,CAAC,IAAoB,IAAhB,OAAO,CAAK,CAAU;AAAA,QAC9E,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,MACxC,CAAA;AAAA,IACa,CAAA;AAAA,EACX,CAAA;AAEX,CAAC"}

package/dist/goals/components/actions/GoalNameAction.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GoalNameAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/GoalNameAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Goal, TrackType } from '../../../core'\nimport { ListItemAction } from '../../../common'\nimport TextField from '@mui/material/TextField'\n\ninterface GoalNameActionProps {\n goal: Goal\n}\n\nexport const GoalNameAction = observer(({ goal }: GoalNameActionProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { setAlert, setSelectedGoal, updateGoal } = useGoalStore()\n\n const [name, setName] = React.useState(goal.name)\n\n const isNew = !goal.guid\n const isDisabled =\n (goal.track_type === TrackType.SAVINGS_TRACK && goal.has_been_spent) \|\|\n (goal.track_type !== TrackType.SAVINGS_TRACK && goal.is_complete)\n\n const handleSaveName = async () => {\n const updatedGoal = { ...goal, name }\n goal.name = name\n if (isNew) {\n setSelectedGoal(updatedGoal)\n } else {\n await updateGoal(updatedGoal)\n setAlert(copy.alert_goal_updated_name)\n }\n }\n\n const handleCancel = () => {\n setTimeout(() => {\n setName(goal.name)\n }, 250)\n }\n\n return (\n <ListItemAction\n isDisabled={isDisabled}\n isSaveDisabled={!name}\n label={copy.details_goal_name}\n onCancel={handleCancel}\n onSave={handleSaveName}\n primaryText={copy.details_goal_name}\n secondaryText={goal.name}\n >\n <TextField\n error={!name}\n fullWidth={true}\n label={copy.details_goal_name}\n onChange={(event) => setName(event.target.value)}\n value={name}\n />\n </ListItemAction>\n )\n})\n"],"mappings":";;;;;;;AAYA,IAAa,IAAiB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAgC;AACxE,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,YAAA,EAAA,IAAe,EAAa,GAEzD,CAAC,GAAM,CAAA,IAAW,EAAM,SAAS,EAAK,IAAI,GAE1C,IAAQ,CAAC,EAAK,MACd,IACH,EAAK,eAAe,EAAU,iBAAiB,EAAK,kBACpD,EAAK,eAAe,EAAU,iBAAiB,EAAK,aAEjD,IAAiB,YAAY;AACjC,UAAM,IAAc;AAAA,MAAE,GAAG;AAAA,MAAM,MAAA;AAAA,IAAK;AACpC,IAAA,EAAK,OAAO,GACR,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAW,CAAW,GAC5B,EAAS,EAAK,uBAAuB;AAAA,EAEzC,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAQ,EAAK,IAAI;AAAA,IACnB,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACc,YAAA;AAAA,IACZ,gBAAgB,CAAC;AAAA,IACjB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAK;AAAA,~~cAEpB~~,gBAAA,EAAC,GAAD;AAAA,MACE,OAAO,CAAC;AAAA,MACR,WAAW;AAAA,MACX,OAAO,EAAK;AAAA,MACZ,UAAA,CAAW,MAAU,EAAQ,EAAM,OAAO,KAAK;AAAA,MAC/C,OAAO;AAAA,IACR,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}
1	+ {"version":3,"file":"GoalNameAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/GoalNameAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Goal, TrackType } from '../../../core'\nimport { ListItemAction } from '../../../common'\nimport TextField from '@mui/material/TextField'\n\ninterface GoalNameActionProps {\n goal: Goal\n}\n\nexport const GoalNameAction = observer(({ goal }: GoalNameActionProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { setAlert, setSelectedGoal, updateGoal } = useGoalStore()\n\n const [name, setName] = React.useState(goal.name)\n\n const isNew = !goal.guid\n const isDisabled =\n (goal.track_type === TrackType.SAVINGS_TRACK && goal.has_been_spent) \|\|\n (goal.track_type !== TrackType.SAVINGS_TRACK && goal.is_complete)\n\n const handleSaveName = async () => {\n const updatedGoal = { ...goal, name }\n goal.name = name\n if (isNew) {\n setSelectedGoal(updatedGoal)\n } else {\n await updateGoal(updatedGoal)\n setAlert(copy.alert_goal_updated_name)\n }\n }\n\n const handleCancel = () => {\n setTimeout(() => {\n setName(goal.name)\n }, 250)\n }\n\n return (\n <ListItemAction\n isDisabled={isDisabled}\n isSaveDisabled={!name}\n label={copy.details_goal_name}\n onCancel={handleCancel}\n onSave={handleSaveName}\n primaryText={copy.details_goal_name}\n secondaryText={goal.name}\n >\n <TextField\n error={!name}\n fullWidth={true}\n label={copy.details_goal_name}\n onChange={(event) => setName(event.target.value)}\n value={name}\n />\n </ListItemAction>\n )\n})\n"],"mappings":";;;;;;;AAYA,IAAa,IAAiB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAgC;AACxE,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,YAAA,EAAA,IAAe,EAAa,GAEzD,CAAC,GAAM,CAAA,IAAW,EAAM,SAAS,EAAK,IAAI,GAE1C,IAAQ,CAAC,EAAK,MACd,IACH,EAAK,eAAe,EAAU,iBAAiB,EAAK,kBACpD,EAAK,eAAe,EAAU,iBAAiB,EAAK,aAEjD,IAAiB,YAAY;AACjC,UAAM,IAAc;AAAA,MAAE,GAAG;AAAA,MAAM,MAAA;AAAA,IAAK;AACpC,IAAA,EAAK,OAAO,GACR,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAW,CAAW,GAC5B,EAAS,EAAK,uBAAuB;AAAA,EAEzC,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAQ,EAAK,IAAI;AAAA,IACnB,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACc,YAAA;AAAA,IACZ,gBAAgB,CAAC;AAAA,IACjB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAK;AAAA,IAEpB,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,OAAO,CAAC;AAAA,MACR,WAAW;AAAA,MACX,OAAO,EAAK;AAAA,MACZ,UAAA,CAAW,MAAU,EAAQ,EAAM,OAAO,KAAK;AAAA,MAC/C,OAAO;AAAA,IACR,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}

package/dist/goals/components/actions/InterestRateAction.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InterestRateAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/InterestRateAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport TextField from '@mui/material/TextField'\n\nimport { ListItemAction, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Goal } from '../../../core'\nimport { formatPercentage } from '../../../core/utils/NumberFormatting'\n\ninterface InterestRateActionProps {\n goal: Goal\n}\n\nexport const InterestRateAction = observer(({ goal }: InterestRateActionProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { setAlert, setSelectedGoal, updateGoal } = useGoalStore()\n\n const [rate, setRate] = React.useState<number>(goal.interest_rate ?? 0)\n\n const isNew = !goal.guid\n const isInvalid = rate < 0\n\n const handleSave = async () => {\n const updatedGoal = { ...goal, interest_rate: rate }\n goal.interest_rate = rate\n\n if (isNew) {\n setSelectedGoal(updatedGoal)\n } else {\n await updateGoal(updatedGoal)\n setAlert(copy.alert_goal_updated_interest_rate)\n }\n }\n\n const handleCancel = () => {\n setTimeout(() => {\n setRate(goal.interest_rate ?? 0)\n }, 250)\n }\n\n return (\n <ListItemAction\n isDisabled={goal.is_complete}\n isSaveDisabled={isInvalid}\n label={`${copy.details_interest_rate} (%)`}\n onCancel={handleCancel}\n onSave={handleSave}\n primaryText={copy.details_interest_rate}\n secondaryText={formatPercentage(Number(goal.interest_rate) / 100) as string}\n zeroStateText={!goal.interest_rate ? copy.add_interest_rate : undefined}\n >\n <TextField\n error={isInvalid}\n fullWidth={true}\n onChange={(e) =>\n setRate(!isNaN(parseFloat(e.target.value)) ? parseFloat(e.target.value) : 0)\n }\n type=\"number\"\n value={rate}\n />\n </ListItemAction>\n )\n})\n"],"mappings":";;;;;;;AAaA,IAAa,IAAqB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAoC;AAChF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,YAAA,EAAA,IAAe,EAAa,GAEzD,CAAC,GAAM,CAAA,IAAW,EAAM,SAAiB,EAAK,iBAAiB,CAAC,GAEhE,IAAQ,CAAC,EAAK,MACd,IAAY,IAAO,GAEnB,IAAa,YAAY;AAC7B,UAAM,IAAc;AAAA,MAAE,GAAG;AAAA,MAAM,eAAe;AAAA,IAAK;AACnD,IAAA,EAAK,gBAAgB,GAEjB,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAW,CAAW,GAC5B,EAAS,EAAK,gCAAgC;AAAA,EAElD,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAQ,EAAK,iBAAiB,CAAC;AAAA,IACjC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,YAAY,EAAK;AAAA,IACjB,gBAAgB;AAAA,IAChB,OAAO,GAAG,EAAK,qBAAA;AAAA,IACf,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAiB,OAAO,EAAK,aAAa,IAAI,GAAG;AAAA,IAChE,eAAgB,EAAK,gBAAyC,SAAzB,EAAK;AAAA,~~cAE1C~~,gBAAA,EAAC,GAAD;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAA,CAAW,MACT,EAAS,MAAM,WAAW,EAAE,OAAO,KAAK,CAAC,IAAiC,IAA7B,WAAW,EAAE,OAAO,KAAK,CAAK;AAAA,MAE7E,MAAK;AAAA,MACL,OAAO;AAAA,IACR,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}
1	+ {"version":3,"file":"InterestRateAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/InterestRateAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport TextField from '@mui/material/TextField'\n\nimport { ListItemAction, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Goal } from '../../../core'\nimport { formatPercentage } from '../../../core/utils/NumberFormatting'\n\ninterface InterestRateActionProps {\n goal: Goal\n}\n\nexport const InterestRateAction = observer(({ goal }: InterestRateActionProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { setAlert, setSelectedGoal, updateGoal } = useGoalStore()\n\n const [rate, setRate] = React.useState<number>(goal.interest_rate ?? 0)\n\n const isNew = !goal.guid\n const isInvalid = rate < 0\n\n const handleSave = async () => {\n const updatedGoal = { ...goal, interest_rate: rate }\n goal.interest_rate = rate\n\n if (isNew) {\n setSelectedGoal(updatedGoal)\n } else {\n await updateGoal(updatedGoal)\n setAlert(copy.alert_goal_updated_interest_rate)\n }\n }\n\n const handleCancel = () => {\n setTimeout(() => {\n setRate(goal.interest_rate ?? 0)\n }, 250)\n }\n\n return (\n <ListItemAction\n isDisabled={goal.is_complete}\n isSaveDisabled={isInvalid}\n label={`${copy.details_interest_rate} (%)`}\n onCancel={handleCancel}\n onSave={handleSave}\n primaryText={copy.details_interest_rate}\n secondaryText={formatPercentage(Number(goal.interest_rate) / 100) as string}\n zeroStateText={!goal.interest_rate ? copy.add_interest_rate : undefined}\n >\n <TextField\n error={isInvalid}\n fullWidth={true}\n onChange={(e) =>\n setRate(!isNaN(parseFloat(e.target.value)) ? parseFloat(e.target.value) : 0)\n }\n type=\"number\"\n value={rate}\n />\n </ListItemAction>\n )\n})\n"],"mappings":";;;;;;;AAaA,IAAa,IAAqB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAoC;AAChF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,YAAA,EAAA,IAAe,EAAa,GAEzD,CAAC,GAAM,CAAA,IAAW,EAAM,SAAiB,EAAK,iBAAiB,CAAC,GAEhE,IAAQ,CAAC,EAAK,MACd,IAAY,IAAO,GAEnB,IAAa,YAAY;AAC7B,UAAM,IAAc;AAAA,MAAE,GAAG;AAAA,MAAM,eAAe;AAAA,IAAK;AACnD,IAAA,EAAK,gBAAgB,GAEjB,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAW,CAAW,GAC5B,EAAS,EAAK,gCAAgC;AAAA,EAElD,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAQ,EAAK,iBAAiB,CAAC;AAAA,IACjC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,YAAY,EAAK;AAAA,IACjB,gBAAgB;AAAA,IAChB,OAAO,GAAG,EAAK,qBAAA;AAAA,IACf,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAiB,OAAO,EAAK,aAAa,IAAI,GAAG;AAAA,IAChE,eAAgB,EAAK,gBAAyC,SAAzB,EAAK;AAAA,IAE1C,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAA,CAAW,MACT,EAAS,MAAM,WAAW,EAAE,OAAO,KAAK,CAAC,IAAiC,IAA7B,WAAW,EAAE,OAAO,KAAK,CAAK;AAAA,MAE7E,MAAK;AAAA,MACL,OAAO;AAAA,IACR,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}

package/dist/goals/components/actions/MonthlyPaymentAction.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MonthlyPaymentAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/MonthlyPaymentAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { CurrencyInput, ListItemAction, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Goal } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface MonthlyPaymentActionProps {\n goal: Goal\n}\n\nexport const MonthlyPaymentAction = observer(({ goal }: MonthlyPaymentActionProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { setAlert, setSelectedGoal, updateGoal } = useGoalStore()\n\n const [payment, setPayment] = React.useState<number>(goal.monthly_payment ?? 0)\n\n const isNew = !goal.guid\n const isInvalid = payment < 0 \|\| payment > 99999999.99\n\n const handleSave = async () => {\n const updatedGoal = { ...goal, monthly_payment: payment }\n goal.monthly_payment = payment\n if (isNew) {\n setSelectedGoal(updatedGoal)\n } else {\n await updateGoal({ ...goal, monthly_payment: payment })\n setAlert(copy.alert_goal_updated_payment)\n }\n }\n\n const handleCancel = () => {\n setTimeout(() => {\n setPayment(goal.monthly_payment \|\| 0)\n }, 250)\n }\n\n return (\n <ListItemAction\n isDisabled={goal.is_complete}\n isSaveDisabled={isInvalid}\n label={copy.details_monthly_payment}\n onCancel={handleCancel}\n onSave={handleSave}\n primaryText={copy.details_monthly_payment}\n secondaryText={formatCurrency(goal.monthly_payment, '0,0')}\n zeroStateText={!goal.monthly_payment ? copy.add_monthly_payment : undefined}\n >\n <CurrencyInput\n amount={payment}\n autoFocus={true}\n error={isInvalid}\n fullWidth={true}\n minAmount={0}\n setAmount={(v) => setPayment(!isNaN(Number(v)) ? Number(v) : payment)}\n sx={{ '.MuiTypography-body1': { p: 0 } }}\n />\n </ListItemAction>\n )\n})\n"],"mappings":";;;;;;;AAWA,IAAa,IAAuB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAsC;AACpF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,YAAA,EAAA,IAAe,EAAa,GAEzD,CAAC,GAAS,CAAA,IAAc,EAAM,SAAiB,EAAK,mBAAmB,CAAC,GAExE,IAAQ,CAAC,EAAK,MACd,IAAY,IAAU,KAAK,IAAU,eAErC,IAAa,YAAY;AAC7B,UAAM,IAAc;AAAA,MAAE,GAAG;AAAA,MAAM,iBAAiB;AAAA,IAAQ;AACxD,IAAA,EAAK,kBAAkB,GACnB,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAW;AAAA,MAAE,GAAG;AAAA,MAAM,iBAAiB;AAAA,IAAQ,CAAC,GACtD,EAAS,EAAK,0BAA0B;AAAA,EAE5C,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAW,EAAK,mBAAmB,CAAC;AAAA,IACtC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,YAAY,EAAK;AAAA,IACjB,gBAAgB;AAAA,IAChB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAe,EAAK,iBAAiB,KAAK;AAAA,IACzD,eAAgB,EAAK,kBAA6C,SAA3B,EAAK;AAAA,~~cAE5C~~,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAA,CAAY,MAAM,EAAY,MAAM,OAAO,CAAC,CAAC,IAAgB,IAAZ,OAAO,CAAC,CAAW;AAAA,MACpE,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,IACxC,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}
1	+ {"version":3,"file":"MonthlyPaymentAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/MonthlyPaymentAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { CurrencyInput, ListItemAction, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Goal } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface MonthlyPaymentActionProps {\n goal: Goal\n}\n\nexport const MonthlyPaymentAction = observer(({ goal }: MonthlyPaymentActionProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { setAlert, setSelectedGoal, updateGoal } = useGoalStore()\n\n const [payment, setPayment] = React.useState<number>(goal.monthly_payment ?? 0)\n\n const isNew = !goal.guid\n const isInvalid = payment < 0 \|\| payment > 99999999.99\n\n const handleSave = async () => {\n const updatedGoal = { ...goal, monthly_payment: payment }\n goal.monthly_payment = payment\n if (isNew) {\n setSelectedGoal(updatedGoal)\n } else {\n await updateGoal({ ...goal, monthly_payment: payment })\n setAlert(copy.alert_goal_updated_payment)\n }\n }\n\n const handleCancel = () => {\n setTimeout(() => {\n setPayment(goal.monthly_payment \|\| 0)\n }, 250)\n }\n\n return (\n <ListItemAction\n isDisabled={goal.is_complete}\n isSaveDisabled={isInvalid}\n label={copy.details_monthly_payment}\n onCancel={handleCancel}\n onSave={handleSave}\n primaryText={copy.details_monthly_payment}\n secondaryText={formatCurrency(goal.monthly_payment, '0,0')}\n zeroStateText={!goal.monthly_payment ? copy.add_monthly_payment : undefined}\n >\n <CurrencyInput\n amount={payment}\n autoFocus={true}\n error={isInvalid}\n fullWidth={true}\n minAmount={0}\n setAmount={(v) => setPayment(!isNaN(Number(v)) ? Number(v) : payment)}\n sx={{ '.MuiTypography-body1': { p: 0 } }}\n />\n </ListItemAction>\n )\n})\n"],"mappings":";;;;;;;AAWA,IAAa,IAAuB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAsC;AACpF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,YAAA,EAAA,IAAe,EAAa,GAEzD,CAAC,GAAS,CAAA,IAAc,EAAM,SAAiB,EAAK,mBAAmB,CAAC,GAExE,IAAQ,CAAC,EAAK,MACd,IAAY,IAAU,KAAK,IAAU,eAErC,IAAa,YAAY;AAC7B,UAAM,IAAc;AAAA,MAAE,GAAG;AAAA,MAAM,iBAAiB;AAAA,IAAQ;AACxD,IAAA,EAAK,kBAAkB,GACnB,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAW;AAAA,MAAE,GAAG;AAAA,MAAM,iBAAiB;AAAA,IAAQ,CAAC,GACtD,EAAS,EAAK,0BAA0B;AAAA,EAE5C,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAW,EAAK,mBAAmB,CAAC;AAAA,IACtC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,YAAY,EAAK;AAAA,IACjB,gBAAgB;AAAA,IAChB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAe,EAAK,iBAAiB,KAAK;AAAA,IACzD,eAAgB,EAAK,kBAA6C,SAA3B,EAAK;AAAA,IAE5C,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAA,CAAY,MAAM,EAAY,MAAM,OAAO,CAAC,CAAC,IAAgB,IAAZ,OAAO,CAAC,CAAW;AAAA,MACpE,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,IACxC,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}

package/dist/goals/components/actions/OriginalBalanceAction.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OriginalBalanceAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/OriginalBalanceAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { CurrencyInput, ListItemAction, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Goal } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface OriginalBalanceActionProps {\n goal: Goal\n}\n\nexport const OriginalBalanceAction = observer(({ goal }: OriginalBalanceActionProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { setAlert, setSelectedGoal, updateGoal } = useGoalStore()\n\n const [balance, setBalance] = React.useState<number>(goal.initial_amount)\n\n const isNew = !goal.guid\n const isInvlaid = balance < 0 \|\| balance > 99999999.99\n\n const handleSave = async () => {\n const updatedGoal = { ...goal, initial_amount: balance }\n goal.initial_amount = balance\n if (isNew) {\n setSelectedGoal(updatedGoal)\n } else {\n await updateGoal({ ...goal, initial_amount: balance })\n setAlert(copy.alert_goal_updated_balance)\n }\n }\n\n const handleCancel = () => {\n setTimeout(() => {\n setBalance(goal.initial_amount)\n }, 250)\n }\n\n return (\n <ListItemAction\n isDisabled={goal.is_complete}\n isSaveDisabled={isInvlaid}\n label={copy.details_original_balance}\n onCancel={handleCancel}\n onSave={handleSave}\n primaryText={copy.details_original_balance}\n secondaryText={formatCurrency(goal.initial_amount, '0,0')}\n zeroStateText={\n !goal.initial_amount && !goal.is_complete ? copy.add_original_balance : undefined\n }\n >\n <CurrencyInput\n amount={balance}\n autoFocus={true}\n error={isInvlaid}\n fullWidth={true}\n minAmount={0}\n setAmount={(v) => setBalance(!isNaN(Number(v)) ? Number(v) : balance)}\n sx={{ '.MuiTypography-body1': { p: 0 } }}\n />\n </ListItemAction>\n )\n})\n"],"mappings":";;;;;;;AAWA,IAAa,IAAwB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAuC;AACtF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,YAAA,EAAA,IAAe,EAAa,GAEzD,CAAC,GAAS,CAAA,IAAc,EAAM,SAAiB,EAAK,cAAc,GAElE,IAAQ,CAAC,EAAK,MACd,IAAY,IAAU,KAAK,IAAU,eAErC,IAAa,YAAY;AAC7B,UAAM,IAAc;AAAA,MAAE,GAAG;AAAA,MAAM,gBAAgB;AAAA,IAAQ;AACvD,IAAA,EAAK,iBAAiB,GAClB,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAW;AAAA,MAAE,GAAG;AAAA,MAAM,gBAAgB;AAAA,IAAQ,CAAC,GACrD,EAAS,EAAK,0BAA0B;AAAA,EAE5C,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAW,EAAK,cAAc;AAAA,IAChC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,YAAY,EAAK;AAAA,IACjB,gBAAgB;AAAA,IAChB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAe,EAAK,gBAAgB,KAAK;AAAA,IACxD,eACE,CAAC,EAAK,kBAAkB,CAAC,EAAK,cAAc,EAAK,uBAAuB;AAAA,~~cAG1E~~,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAA,CAAY,MAAM,EAAY,MAAM,OAAO,CAAC,CAAC,IAAgB,IAAZ,OAAO,CAAC,CAAW;AAAA,MACpE,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,IACxC,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}
1	+ {"version":3,"file":"OriginalBalanceAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/OriginalBalanceAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { CurrencyInput, ListItemAction, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Goal } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface OriginalBalanceActionProps {\n goal: Goal\n}\n\nexport const OriginalBalanceAction = observer(({ goal }: OriginalBalanceActionProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { setAlert, setSelectedGoal, updateGoal } = useGoalStore()\n\n const [balance, setBalance] = React.useState<number>(goal.initial_amount)\n\n const isNew = !goal.guid\n const isInvlaid = balance < 0 \|\| balance > 99999999.99\n\n const handleSave = async () => {\n const updatedGoal = { ...goal, initial_amount: balance }\n goal.initial_amount = balance\n if (isNew) {\n setSelectedGoal(updatedGoal)\n } else {\n await updateGoal({ ...goal, initial_amount: balance })\n setAlert(copy.alert_goal_updated_balance)\n }\n }\n\n const handleCancel = () => {\n setTimeout(() => {\n setBalance(goal.initial_amount)\n }, 250)\n }\n\n return (\n <ListItemAction\n isDisabled={goal.is_complete}\n isSaveDisabled={isInvlaid}\n label={copy.details_original_balance}\n onCancel={handleCancel}\n onSave={handleSave}\n primaryText={copy.details_original_balance}\n secondaryText={formatCurrency(goal.initial_amount, '0,0')}\n zeroStateText={\n !goal.initial_amount && !goal.is_complete ? copy.add_original_balance : undefined\n }\n >\n <CurrencyInput\n amount={balance}\n autoFocus={true}\n error={isInvlaid}\n fullWidth={true}\n minAmount={0}\n setAmount={(v) => setBalance(!isNaN(Number(v)) ? Number(v) : balance)}\n sx={{ '.MuiTypography-body1': { p: 0 } }}\n />\n </ListItemAction>\n )\n})\n"],"mappings":";;;;;;;AAWA,IAAa,IAAwB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAuC;AACtF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,YAAA,EAAA,IAAe,EAAa,GAEzD,CAAC,GAAS,CAAA,IAAc,EAAM,SAAiB,EAAK,cAAc,GAElE,IAAQ,CAAC,EAAK,MACd,IAAY,IAAU,KAAK,IAAU,eAErC,IAAa,YAAY;AAC7B,UAAM,IAAc;AAAA,MAAE,GAAG;AAAA,MAAM,gBAAgB;AAAA,IAAQ;AACvD,IAAA,EAAK,iBAAiB,GAClB,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAW;AAAA,MAAE,GAAG;AAAA,MAAM,gBAAgB;AAAA,IAAQ,CAAC,GACrD,EAAS,EAAK,0BAA0B;AAAA,EAE5C,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAW,EAAK,cAAc;AAAA,IAChC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,YAAY,EAAK;AAAA,IACjB,gBAAgB;AAAA,IAChB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAe,EAAK,gBAAgB,KAAK;AAAA,IACxD,eACE,CAAC,EAAK,kBAAkB,CAAC,EAAK,cAAc,EAAK,uBAAuB;AAAA,IAG1E,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAA,CAAY,MAAM,EAAY,MAAM,OAAO,CAAC,CAAC,IAAgB,IAAZ,OAAO,CAAC,CAAW;AAAA,MACpE,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,IACxC,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}

package/dist/goals/components/actions/RetirementAgeAction.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RetirementAgeAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/RetirementAgeAction.tsx"],"sourcesContent":["import { ListItemAction, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Goal } from '../../../core'\nimport TextField from '@mui/material/TextField'\nimport React from 'react'\n\ninterface RetirementAgeActionProps {\n goal: Goal\n}\n\nexport const RetirementAgeAction = ({ goal }: RetirementAgeActionProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { setAlert, setSelectedGoal, updateRetirementGoal } = useGoalStore()\n\n const [age, setAge] = React.useState(goal.retirement_age \|\| 65)\n\n const isNew = !goal.guid\n\n const handleSave = async () => {\n if (!isNaN(age)) {\n const updatedGoal = { ...goal, retirement_age: age }\n goal.retirement_age = age\n if (isNew) {\n setSelectedGoal(updatedGoal)\n } else {\n await updateRetirementGoal(updatedGoal)\n setAlert(copy.alert_goal_updated_retirement_age)\n }\n }\n }\n\n const handleCancel = () => {\n setTimeout(() => {\n setAge(goal.retirement_age \|\| 65)\n }, 250)\n }\n\n const isError = !age \|\| isNaN(age) \|\| age < 20 \|\| age >= 100\n\n return (\n <ListItemAction\n isDisabled={goal.is_complete}\n isSaveDisabled={isError}\n label={copy.details_retirement_age}\n onCancel={handleCancel}\n onSave={handleSave}\n primaryText={copy.details_retirement_age}\n secondaryText={`${goal.retirement_age}`}\n zeroStateText={isNew && !goal.retirement_age ? copy.add_age : undefined}\n >\n <TextField\n error={isError}\n fullWidth={true}\n label={copy.details_retirement_age}\n onChange={(e) => setAge(Number(e.target.value))}\n value={isNaN(age) ? '' : age}\n />\n </ListItemAction>\n )\n}\n"],"mappings":";;;;;AASA,IAAa,IAAA,CAAuB,EAAE,MAAA,EAAA,MAAqC;AACzE,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,sBAAA,EAAA,IAAyB,EAAa,GAEnE,CAAC,GAAK,CAAA,IAAU,EAAM,SAAS,EAAK,kBAAkB,EAAE,GAExD,IAAQ,CAAC,EAAK,MAEd,IAAa,YAAY;AAC7B,QAAI,CAAC,MAAM,CAAG,GAAG;AACf,YAAM,IAAc;AAAA,QAAE,GAAG;AAAA,QAAM,gBAAgB;AAAA,MAAI;AACnD,MAAA,EAAK,iBAAiB,GAClB,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAqB,CAAW,GACtC,EAAS,EAAK,iCAAiC;AAAA,IAEnD;AAAA,EACF,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAO,EAAK,kBAAkB,EAAE;AAAA,IAClC,GAAG,GAAG;AAAA,EACR,GAEM,IAAU,CAAC,KAAO,MAAM,CAAG,KAAK,IAAM,MAAM,KAAO;AAEzD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,YAAY,EAAK;AAAA,IACjB,gBAAgB;AAAA,IAChB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,GAAG,EAAK,cAAA;AAAA,IACvB,eAAe,KAAS,CAAC,EAAK,iBAAiB,EAAK,UAAU;AAAA,~~cAE9D~~,gBAAA,EAAC,GAAD;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,OAAO,EAAK;AAAA,MACZ,UAAA,CAAW,MAAM,EAAO,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,MAC9C,OAAO,MAAM,CAAG,IAAI,KAAK;AAAA,IAC1B,CAAA;AAAA,EACa,CAAA;AAEpB"}
1	+ {"version":3,"file":"RetirementAgeAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/RetirementAgeAction.tsx"],"sourcesContent":["import { ListItemAction, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Goal } from '../../../core'\nimport TextField from '@mui/material/TextField'\nimport React from 'react'\n\ninterface RetirementAgeActionProps {\n goal: Goal\n}\n\nexport const RetirementAgeAction = ({ goal }: RetirementAgeActionProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { setAlert, setSelectedGoal, updateRetirementGoal } = useGoalStore()\n\n const [age, setAge] = React.useState(goal.retirement_age \|\| 65)\n\n const isNew = !goal.guid\n\n const handleSave = async () => {\n if (!isNaN(age)) {\n const updatedGoal = { ...goal, retirement_age: age }\n goal.retirement_age = age\n if (isNew) {\n setSelectedGoal(updatedGoal)\n } else {\n await updateRetirementGoal(updatedGoal)\n setAlert(copy.alert_goal_updated_retirement_age)\n }\n }\n }\n\n const handleCancel = () => {\n setTimeout(() => {\n setAge(goal.retirement_age \|\| 65)\n }, 250)\n }\n\n const isError = !age \|\| isNaN(age) \|\| age < 20 \|\| age >= 100\n\n return (\n <ListItemAction\n isDisabled={goal.is_complete}\n isSaveDisabled={isError}\n label={copy.details_retirement_age}\n onCancel={handleCancel}\n onSave={handleSave}\n primaryText={copy.details_retirement_age}\n secondaryText={`${goal.retirement_age}`}\n zeroStateText={isNew && !goal.retirement_age ? copy.add_age : undefined}\n >\n <TextField\n error={isError}\n fullWidth={true}\n label={copy.details_retirement_age}\n onChange={(e) => setAge(Number(e.target.value))}\n value={isNaN(age) ? '' : age}\n />\n </ListItemAction>\n )\n}\n"],"mappings":";;;;;AASA,IAAa,IAAA,CAAuB,EAAE,MAAA,EAAA,MAAqC;AACzE,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,sBAAA,EAAA,IAAyB,EAAa,GAEnE,CAAC,GAAK,CAAA,IAAU,EAAM,SAAS,EAAK,kBAAkB,EAAE,GAExD,IAAQ,CAAC,EAAK,MAEd,IAAa,YAAY;AAC7B,QAAI,CAAC,MAAM,CAAG,GAAG;AACf,YAAM,IAAc;AAAA,QAAE,GAAG;AAAA,QAAM,gBAAgB;AAAA,MAAI;AACnD,MAAA,EAAK,iBAAiB,GAClB,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAqB,CAAW,GACtC,EAAS,EAAK,iCAAiC;AAAA,IAEnD;AAAA,EACF,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAO,EAAK,kBAAkB,EAAE;AAAA,IAClC,GAAG,GAAG;AAAA,EACR,GAEM,IAAU,CAAC,KAAO,MAAM,CAAG,KAAK,IAAM,MAAM,KAAO;AAEzD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,YAAY,EAAK;AAAA,IACjB,gBAAgB;AAAA,IAChB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,GAAG,EAAK,cAAA;AAAA,IACvB,eAAe,KAAS,CAAC,EAAK,iBAAiB,EAAK,UAAU;AAAA,IAE9D,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,OAAO,EAAK;AAAA,MACZ,UAAA,CAAW,MAAM,EAAO,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,MAC9C,OAAO,MAAM,CAAG,IAAI,KAAK;AAAA,IAC1B,CAAA;AAAA,EACa,CAAA;AAEpB"}

package/dist/goals/components/addgoal/AddGoalListItem.es.js CHANGED Viewed

@@ -8,10 +8,10 @@ import A from "@mui/material/Divider";
 import d from "@mui/material/List";
 import f from "@mui/material/ListItem";
 import h from "@mui/material/ListItemButton";
-import M from "@mui/material/ListItemIcon";
 import x from "@mui/material/ListItemText";
-import N from "@mui/material/Avatar";
-import O from "@mui/material/ListItemAvatar";
+import M from "@mui/material/Avatar";
+import N from "@mui/material/ListItemAvatar";
+import O from "@mui/material/ListItemIcon";
 import j from "@mui/material/Collapse";
 var W = ({ goalType: T, onClick: n }) => {
   const { goals: E } = u(), { bgcolor: I, icon: b, label: y, description: R, subTypes: a, type: o } = T, [i, L] = v.useState(!1), t = a.length > 0;
@@ -21,7 +21,7 @@ var W = ({ goalType: T, onClick: n }) => {
       /* @__PURE__ */ r(f, { children: /* @__PURE__ */ m(h, {
         onClick: t ? () => L(!i) : () => n(o === p.RETIREMENT_TRACK ? E.retirement : "", o === p.RETIREMENT_TRACK ? s.RETIREMENT : s.OTHER, o),
         children: [
-          /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r(N, {
+          /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(M, {
             sx: { bgcolor: I },
             variant: "rounded",
             children: /* @__PURE__ */ r(c, {
@@ -48,7 +48,7 @@ var W = ({ goalType: T, onClick: n }) => {
             children: /* @__PURE__ */ m(h, {
               onClick: () => n(e.label, e.metaType, o),
               children: [
-                /* @__PURE__ */ r(M, {
+                /* @__PURE__ */ r(O, {
                   sx: { mr: 8 },
                   children: /* @__PURE__ */ r(c, { name: e.icon })
                 }),

package/dist/goals/components/addgoal/AddGoalListItem.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddGoalListItem.es.js","names":[],"sources":["../../../../src/goals/components/addgoal/AddGoalListItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport Avatar from '@mui/material/Avatar'\nimport Collapse from '@mui/material/Collapse'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight, ExpandLess, ExpandMore, Icon } from '@mxenabled/mx-icons'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { MetaType, TrackType } from '../../../core'\nimport { GoalType } from '../../../core/utils/GoalsUtil'\n\ninterface AddGoalListItemProps {\n goalType: GoalType\n onClick: (name: string, metaType: MetaType, type: TrackType) => void\n}\n\nexport const AddGoalListItem = ({ goalType, onClick }: AddGoalListItemProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { bgcolor, icon, label, description, subTypes, type } = goalType\n\n const [isSubListOpen, setIsSubListOpen] = React.useState(false)\n const hasSubTypes = subTypes.length > 0\n\n return (\n <Stack>\n <List sx={{ bgcolor: 'background.paper' }}>\n <ListItem>\n <ListItemButton\n onClick={\n hasSubTypes\n ? () => setIsSubListOpen(!isSubListOpen)\n : () =>\n onClick(\n type === TrackType.RETIREMENT_TRACK ? copy.retirement : '',\n type === TrackType.RETIREMENT_TRACK ? MetaType.RETIREMENT : MetaType.OTHER,\n type,\n )\n }\n >\n <ListItemAvatar>\n <Avatar sx={{ bgcolor }} variant=\"rounded\">\n <Icon name={icon} sx={{ color: 'grey.900' }} />\n </Avatar>\n </ListItemAvatar>\n <ListItemText primary={label} secondary={description} sx={{ mr: 24 }} />\n {!hasSubTypes && <ChevronRight />}\n {hasSubTypes && (isSubListOpen ? <ExpandLess /> : <ExpandMore />)}\n </ListItemButton>\n </ListItem>\n <Divider variant=\"inset\" />\n {hasSubTypes && (\n <Collapse in={isSubListOpen}>\n <List sx={{ bgcolor: 'background.default' }}>\n {subTypes.map((subType, index) => (\n <ListItem key={index} sx={{ pl: 48 }}>\n <ListItemButton onClick={() => onClick(subType.label, subType.metaType, type)}>\n <ListItemIcon sx={{ mr: 8 }}>\n <Icon name={subType.icon} />\n </ListItemIcon>\n <ListItemText\n primary={subType.label}\n slotProps={{ primary: { variant: 'body1' } }}\n />\n <ChevronRight />\n </ListItemButton>\n </ListItem>\n ))}\n </List>\n </Collapse>\n )}\n </List>\n </Stack>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAwBA,IAAa,IAAA,CAAmB,EAAE,UAAA,GAAU,SAAA,EAAA,MAAoC;AAC9E,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,SAAA,GAAS,MAAA,GAAM,OAAA,GAAO,aAAA,GAAa,UAAA,GAAU,MAAA,EAAA,IAAS,GAExD,CAAC,GAAe,CAAA,IAAoB,EAAM,SAAS,EAAK,GACxD,IAAc,EAAS,SAAS;AAEtC,SACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI,EAAE,SAAS,mBAAmB;AAAA,~~cAAxC~~;AAAA,MACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QACE,SACE,IAAA,MACU,EAAiB,CAAC,CAAa,IAAA,MAEnC,EACE,MAAS,EAAU,mBAAmB,EAAK,aAAa,IACxD,MAAS,EAAU,mBAAmB,EAAS,aAAa,EAAS,OACrE,CACF;AAAA,~~kBATV~~;AAAA,UAYE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,YAAQ,IAAI,EAAE,SAAA,EAAQ;AAAA,YAAG,SAAQ;AAAA,~~sBAC~~/B,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,IAAI,EAAE,OAAO,WAAW;AAAA,YAAI,CAAA;AAAA,UACxC,CAAA,EACM,CAAA;AAAA,UAChB,gBAAA,EAAC,GAAD;AAAA,YAAc,SAAS;AAAA,YAAO,WAAW;AAAA,YAAa,IAAI,EAAE,IAAI,GAAG;AAAA,UAAI,CAAA;AAAA,UACtE,CAAC,KAAe,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,UAC/B,MAAgB,IAAgB,gBAAA,EAAC,GAAD,CAAa,CAAA,IAAI,gBAAA,EAAC,GAAD,CAAa,CAAA;AAAA,QACjD;AAAA,~~SACR~~,CAAA;AAAA,MACV,gBAAA,EAAC,GAAD,EAAS,SAAQ,QAAS,CAAA;AAAA,MACzB,KACC,gBAAA,EAAC,GAAD;AAAA,QAAU,IAAI;AAAA,~~kBACZ~~,gBAAA,EAAC,GAAD;AAAA,UAAM,IAAI,EAAE,SAAS,qBAAqB;AAAA,~~oBACvC~~,EAAS,IAAA,CAAK,GAAS,MACtB,gBAAA,EAAC,GAAD;AAAA,YAAsB,IAAI,EAAE,IAAI,GAAG;AAAA,~~sBACjC~~,gBAAA,EAAC,GAAD;AAAA,cAAgB,SAAA,MAAe,EAAQ,EAAQ,OAAO,EAAQ,UAAU,CAAI;AAAA,~~wBAA5E~~;AAAA,gBACE,gBAAA,EAAC,GAAD;AAAA,kBAAc,IAAI,EAAE,IAAI,EAAE;AAAA,~~4BACxB~~,gBAAA,EAAC,GAAD,EAAM,MAAM,EAAQ,KAAO,CAAA;AAAA,gBACf,CAAA;AAAA,gBACd,gBAAA,EAAC,GAAD;AAAA,kBACE,SAAS,EAAQ;AAAA,kBACjB,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,EAAE;AAAA,gBAC5C,CAAA;AAAA,gBACD,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,cACD;AAAA;UACR,GAXK,CAWL,CACX;AAAA,QACG,CAAA;AAAA,MACE,CAAA;AAAA,IAER;AAAA,~~KACD~~,CAAA;AAEX"}
1	+ {"version":3,"file":"AddGoalListItem.es.js","names":[],"sources":["../../../../src/goals/components/addgoal/AddGoalListItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport Avatar from '@mui/material/Avatar'\nimport Collapse from '@mui/material/Collapse'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight, ExpandLess, ExpandMore, Icon } from '@mxenabled/mx-icons'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { MetaType, TrackType } from '../../../core'\nimport { GoalType } from '../../../core/utils/GoalsUtil'\n\ninterface AddGoalListItemProps {\n goalType: GoalType\n onClick: (name: string, metaType: MetaType, type: TrackType) => void\n}\n\nexport const AddGoalListItem = ({ goalType, onClick }: AddGoalListItemProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { bgcolor, icon, label, description, subTypes, type } = goalType\n\n const [isSubListOpen, setIsSubListOpen] = React.useState(false)\n const hasSubTypes = subTypes.length > 0\n\n return (\n <Stack>\n <List sx={{ bgcolor: 'background.paper' }}>\n <ListItem>\n <ListItemButton\n onClick={\n hasSubTypes\n ? () => setIsSubListOpen(!isSubListOpen)\n : () =>\n onClick(\n type === TrackType.RETIREMENT_TRACK ? copy.retirement : '',\n type === TrackType.RETIREMENT_TRACK ? MetaType.RETIREMENT : MetaType.OTHER,\n type,\n )\n }\n >\n <ListItemAvatar>\n <Avatar sx={{ bgcolor }} variant=\"rounded\">\n <Icon name={icon} sx={{ color: 'grey.900' }} />\n </Avatar>\n </ListItemAvatar>\n <ListItemText primary={label} secondary={description} sx={{ mr: 24 }} />\n {!hasSubTypes && <ChevronRight />}\n {hasSubTypes && (isSubListOpen ? <ExpandLess /> : <ExpandMore />)}\n </ListItemButton>\n </ListItem>\n <Divider variant=\"inset\" />\n {hasSubTypes && (\n <Collapse in={isSubListOpen}>\n <List sx={{ bgcolor: 'background.default' }}>\n {subTypes.map((subType, index) => (\n <ListItem key={index} sx={{ pl: 48 }}>\n <ListItemButton onClick={() => onClick(subType.label, subType.metaType, type)}>\n <ListItemIcon sx={{ mr: 8 }}>\n <Icon name={subType.icon} />\n </ListItemIcon>\n <ListItemText\n primary={subType.label}\n slotProps={{ primary: { variant: 'body1' } }}\n />\n <ChevronRight />\n </ListItemButton>\n </ListItem>\n ))}\n </List>\n </Collapse>\n )}\n </List>\n </Stack>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAwBA,IAAa,IAAA,CAAmB,EAAE,UAAA,GAAU,SAAA,EAAA,MAAoC;AAC9E,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,SAAA,GAAS,MAAA,GAAM,OAAA,GAAO,aAAA,GAAa,UAAA,GAAU,MAAA,EAAA,IAAS,GAExD,CAAC,GAAe,CAAA,IAAoB,EAAM,SAAS,EAAK,GACxD,IAAc,EAAS,SAAS;AAEtC,SACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI,EAAE,SAAS,mBAAmB;AAAA,IAAxC,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QACE,SACE,IAAA,MACU,EAAiB,CAAC,CAAa,IAAA,MAEnC,EACE,MAAS,EAAU,mBAAmB,EAAK,aAAa,IACxD,MAAS,EAAU,mBAAmB,EAAS,aAAa,EAAS,OACrE,CACF;AAAA,QATV,UAAA;AAAA,UAYE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,YAAQ,IAAI,EAAE,SAAA,EAAQ;AAAA,YAAG,SAAQ;AAAA,YAC/B,UAAA,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,IAAI,EAAE,OAAO,WAAW;AAAA,YAAI,CAAA;AAAA,UACxC,CAAA,EACM,CAAA;AAAA,UAChB,gBAAA,EAAC,GAAD;AAAA,YAAc,SAAS;AAAA,YAAO,WAAW;AAAA,YAAa,IAAI,EAAE,IAAI,GAAG;AAAA,UAAI,CAAA;AAAA,UACtE,CAAC,KAAe,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,UAC/B,MAAgB,IAAgB,gBAAA,EAAC,GAAD,CAAa,CAAA,IAAI,gBAAA,EAAC,GAAD,CAAa,CAAA;AAAA,QACjD;AAAA,MACR,CAAA,EAAA,CAAA;AAAA,MACV,gBAAA,EAAC,GAAD,EAAS,SAAQ,QAAS,CAAA;AAAA,MACzB,KACC,gBAAA,EAAC,GAAD;AAAA,QAAU,IAAI;AAAA,QACZ,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAM,IAAI,EAAE,SAAS,qBAAqB;AAAA,UACvC,UAAA,EAAS,IAAA,CAAK,GAAS,MACtB,gBAAA,EAAC,GAAD;AAAA,YAAsB,IAAI,EAAE,IAAI,GAAG;AAAA,YACjC,UAAA,gBAAA,EAAC,GAAD;AAAA,cAAgB,SAAA,MAAe,EAAQ,EAAQ,OAAO,EAAQ,UAAU,CAAI;AAAA,cAA5E,UAAA;AAAA,gBACE,gBAAA,EAAC,GAAD;AAAA,kBAAc,IAAI,EAAE,IAAI,EAAE;AAAA,kBACxB,UAAA,gBAAA,EAAC,GAAD,EAAM,MAAM,EAAQ,KAAO,CAAA;AAAA,gBACf,CAAA;AAAA,gBACd,gBAAA,EAAC,GAAD;AAAA,kBACE,SAAS,EAAQ;AAAA,kBACjB,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,EAAE;AAAA,gBAC5C,CAAA;AAAA,gBACD,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,cACD;AAAA;UACR,GAXK,CAWL,CACX;AAAA,QACG,CAAA;AAAA,MACE,CAAA;AAAA,IAER;AAAA,EACD,CAAA,EAAA,CAAA;AAEX"}

package/dist/goals/components/managegoals/CompleteListItem.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CompleteListItem.es.js","names":[],"sources":["../../../../src/goals/components/managegoals/CompleteListItem.tsx"],"sourcesContent":["import { fromUnixTime } from 'date-fns/fromUnixTime'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { CheckCircle } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\nimport { Goal } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface CompleteListItemProps {\n goal: Goal\n}\n\nexport const CompleteListItem = ({ goal }: CompleteListItemProps) => {\n const { goals: copy } = useGlobalCopyStore()\n\n return (\n <ListItem key={goal.guid}>\n <ListItemButton\n disableRipple={true}\n sx={{ ':hover': { backgroundColor: 'unset' }, cursor: 'default' }}\n >\n <ListItemAvatar sx={{ alignItems: 'center', display: 'flex', justifyContent: 'center' }}>\n <CheckCircle color=\"success\" filled={true} size={20} />\n </ListItemAvatar>\n <ListItemText slotProps={{ primary: { variant: 'body1' } }}>\n <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n <Stack>\n <Text bold={true} variant=\"body1\">\n {goal.name}\n </Text>\n <Text variant=\"caption\">\n {\n buildDynamicCopy(\n copy.completed_label,\n formatDate(\n fromUnixTime(goal.completed_at \|\| 0),\n DATE_FORMATS_INTL.MONTH_SHORT_YEAR,\n ),\n ) as string\n }\n </Text>\n </Stack>\n <Text bold={true} variant=\"body1\">\n {formatCurrency(goal.amount, '0,0.00')}\n </Text>\n </Stack>\n </ListItemText>\n </ListItemButton>\n </ListItem>\n )\n}\n"],"mappings":";;;;;;;;;;;;;AAsBA,IAAa,IAAA,CAAoB,EAAE,MAAA,EAAA,MAAkC;AACnE,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB;AAE3C,SACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IACE,eAAe;AAAA,IACf,IAAI;AAAA,MAAE,UAAU,EAAE,iBAAiB,QAAQ;AAAA,MAAG,QAAQ;AAAA,IAAU;AAAA,~~cAFlE~~,CAIE,gBAAA,EAAC,GAAD;AAAA,MAAgB,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,SAAS;AAAA,QAAQ,gBAAgB;AAAA,MAAS;AAAA,~~gBACpF~~,gBAAA,EAAC,GAAD;AAAA,QAAa,OAAM;AAAA,QAAU,QAAQ;AAAA,QAAM,MAAM;AAAA,MAAK,CAAA;AAAA,IACxC,CAAA,GAChB,gBAAA,EAAC,GAAD;AAAA,MAAc,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,EAAE;AAAA,~~gBACvD~~,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAAM,gBAAe;AAAA,~~kBAA1D~~,CACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,~~oBACvB~~,EAAK;AAAA,QACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,~~oBAEV~~,EACE,EAAK,iBACL,EACE,EAAa,EAAK,gBAAgB,CAAC,GACnC,EAAkB,gBACpB,CACF;AAAA,QAEE,CAAA,CACD,EAAA,CAAA,GACP,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,~~oBACvB~~,EAAe,EAAK,QAAQ,QAAQ;AAAA,QACjC,CAAA,CACD;AAAA;IACK,CAAA,CACA;AAAA,~~KACR~~,GAhCK,EAAK,IAgCV;AAEd"}
1	+ {"version":3,"file":"CompleteListItem.es.js","names":[],"sources":["../../../../src/goals/components/managegoals/CompleteListItem.tsx"],"sourcesContent":["import { fromUnixTime } from 'date-fns/fromUnixTime'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { CheckCircle } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\nimport { Goal } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface CompleteListItemProps {\n goal: Goal\n}\n\nexport const CompleteListItem = ({ goal }: CompleteListItemProps) => {\n const { goals: copy } = useGlobalCopyStore()\n\n return (\n <ListItem key={goal.guid}>\n <ListItemButton\n disableRipple={true}\n sx={{ ':hover': { backgroundColor: 'unset' }, cursor: 'default' }}\n >\n <ListItemAvatar sx={{ alignItems: 'center', display: 'flex', justifyContent: 'center' }}>\n <CheckCircle color=\"success\" filled={true} size={20} />\n </ListItemAvatar>\n <ListItemText slotProps={{ primary: { variant: 'body1' } }}>\n <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n <Stack>\n <Text bold={true} variant=\"body1\">\n {goal.name}\n </Text>\n <Text variant=\"caption\">\n {\n buildDynamicCopy(\n copy.completed_label,\n formatDate(\n fromUnixTime(goal.completed_at \|\| 0),\n DATE_FORMATS_INTL.MONTH_SHORT_YEAR,\n ),\n ) as string\n }\n </Text>\n </Stack>\n <Text bold={true} variant=\"body1\">\n {formatCurrency(goal.amount, '0,0.00')}\n </Text>\n </Stack>\n </ListItemText>\n </ListItemButton>\n </ListItem>\n )\n}\n"],"mappings":";;;;;;;;;;;;;AAsBA,IAAa,IAAA,CAAoB,EAAE,MAAA,EAAA,MAAkC;AACnE,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB;AAE3C,SACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IACE,eAAe;AAAA,IACf,IAAI;AAAA,MAAE,UAAU,EAAE,iBAAiB,QAAQ;AAAA,MAAG,QAAQ;AAAA,IAAU;AAAA,IAFlE,UAAA,CAIE,gBAAA,EAAC,GAAD;AAAA,MAAgB,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,SAAS;AAAA,QAAQ,gBAAgB;AAAA,MAAS;AAAA,MACpF,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAa,OAAM;AAAA,QAAU,QAAQ;AAAA,QAAM,MAAM;AAAA,MAAK,CAAA;AAAA,IACxC,CAAA,GAChB,gBAAA,EAAC,GAAD;AAAA,MAAc,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,EAAE;AAAA,MACvD,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAAM,gBAAe;AAAA,QAA1D,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,EAAK;AAAA,QACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,UAEV,UAAA,EACE,EAAK,iBACL,EACE,EAAa,EAAK,gBAAgB,CAAC,GACnC,EAAkB,gBACpB,CACF;AAAA,QAEE,CAAA,CACD,EAAA,CAAA,GACP,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,EAAe,EAAK,QAAQ,QAAQ;AAAA,QACjC,CAAA,CACD;AAAA;IACK,CAAA,CACA;AAAA,EACR,CAAA,EAAA,GAhCK,EAAK,IAgCV;AAEd"}

package/dist/goals/components/managegoals/OngoingListItem.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OngoingListItem.es.js","names":[],"sources":["../../../../src/goals/components/managegoals/OngoingListItem.tsx"],"sourcesContent":["import { fromUnixTime } from 'date-fns/fromUnixTime'\n\nimport Avatar from '@mui/material/Avatar'\nimport IconButton from '@mui/material/IconButton'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { ArrowUpwardAlt } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\nimport { Goal, GoalType, TrackType } from '../../../core'\n\nimport { getGoalStatusData } from '../../../core/utils/GoalsUtil'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface OngoingListItemProps {\n goal: Goal\n index: number\n onUpClick?: (goal: Goal) => void\n}\n\nexport const OngoingListItem = ({ goal, index, onUpClick }: OngoingListItemProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { percentage } = getGoalStatusData(copy, goal)\n const completionMessage: string =\n goal.goal_type === GoalType.KEEP_BALANCE_BELOW \|\| goal.has_been_spent\n ? copy.goal_completed\n : (buildDynamicCopy(copy.goal_percentage_reached, `${percentage * 100}`) as string)\n return (\n <ListItem>\n <ListItemButton\n disableRipple={true}\n sx={{ ':hover': { backgroundColor: 'unset' }, cursor: 'default' }}\n >\n {goal.track_type !== TrackType.RETIREMENT_TRACK && (\n <ListItemAvatar\n sx={{\n alignItems: 'center',\n display: 'flex',\n justifyContent: 'center',\n '.MuiAvatar-root': { height: '16px', width: '16px' },\n }}\n >\n {goal.track_type === TrackType.SAVINGS_TRACK ? (\n <IconButton onClick={() => onUpClick?.(goal)}>\n <ArrowUpwardAlt color=\"primary\" size={24} />\n </IconButton>\n ) : (\n <Avatar sx={{ bgcolor: 'text.primary', height: '16px', width: '16px' }}>\n <Text bold={true} variant=\"caption\">\n {index + 1}\n </Text>\n </Avatar>\n )}\n </ListItemAvatar>\n )}\n <ListItemText slotProps={{ primary: { variant: 'body1' } }}>\n <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n <Stack sx={{ maxWidth: '70%' }}>\n <Text bold={true} variant=\"body1\">\n {goal.name}\n </Text>\n <Text variant=\"caption\">\n {goal.is_complete\n ? completionMessage\n : (buildDynamicCopy(\n copy.goal_projection,\n formatDate(\n fromUnixTime(goal.projected_to_complete_at \|\| 0),\n DATE_FORMATS_INTL.MONTH_SHORT_YEAR,\n ),\n ) as string)}\n </Text>\n </Stack>\n <Text bold={true} variant=\"body1\">\n {formatCurrency(goal.amount, '0,0.00')}\n </Text>\n </Stack>\n </ListItemText>\n </ListItemButton>\n </ListItem>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,IAAa,IAAA,CAAmB,EAAE,MAAA,GAAM,OAAA,GAAO,WAAA,EAAA,MAAsC;AACnF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,YAAA,EAAA,IAAe,EAAkB,GAAM,CAAI,GAC7C,IACJ,EAAK,cAAc,EAAS,sBAAsB,EAAK,iBACnD,EAAK,iBACJ,EAAiB,EAAK,yBAAyB,GAAG,IAAa,GAAA,EAAK;AAC3E,SACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IACE,eAAe;AAAA,IACf,IAAI;AAAA,MAAE,UAAU,EAAE,iBAAiB,QAAQ;AAAA,MAAG,QAAQ;AAAA,IAAU;AAAA,~~cAFlE~~,CAIG,EAAK,eAAe,EAAU,oBAC7B,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,mBAAmB;AAAA,UAAE,QAAQ;AAAA,UAAQ,OAAO;AAAA,QAAO;AAAA,MACrD;AAAA,~~gBAEC~~,EAAK,eAAe,EAAU,gBAC7B,gBAAA,EAAC,GAAD;AAAA,QAAY,SAAA,MAAe,IAAY,CAAI;AAAA,~~kBACzC~~,gBAAA,EAAC,GAAD;AAAA,UAAgB,OAAM;AAAA,UAAU,MAAM;AAAA,QAAK,CAAA;AAAA,MACjC,CAAA,IAEZ,gBAAA,EAAC,GAAD;AAAA,QAAQ,IAAI;AAAA,UAAE,SAAS;AAAA,UAAgB,QAAQ;AAAA,UAAQ,OAAO;AAAA,QAAO;AAAA,~~kBACnE~~,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,~~oBACvB~~,IAAQ;AAAA,QACL,CAAA;AAAA,MACA,CAAA;AAAA,IAEI,CAAA,GAElB,gBAAA,EAAC,GAAD;AAAA,MAAc,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,EAAE;AAAA,~~gBACvD~~,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAAM,gBAAe;AAAA,~~kBAA1D~~,CACE,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI,EAAE,UAAU,MAAM;AAAA,~~oBAA7B~~,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,SAAQ;AAAA,~~sBACvB~~,EAAK;AAAA,UACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,YAAM,SAAQ;AAAA,~~sBACX~~,EAAK,cACF,IACC,EACC,EAAK,iBACL,EACE,EAAa,EAAK,4BAA4B,CAAC,GAC/C,EAAkB,gBACpB,CACF;AAAA,UACA,CAAA,CACD;AAAA,~~YACP~~,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,~~oBACvB~~,EAAe,EAAK,QAAQ,QAAQ;AAAA,QACjC,CAAA,CACD;AAAA;IACK,CAAA,CACA;AAAA,~~KACR~~,CAAA;AAEd"}
1	+ {"version":3,"file":"OngoingListItem.es.js","names":[],"sources":["../../../../src/goals/components/managegoals/OngoingListItem.tsx"],"sourcesContent":["import { fromUnixTime } from 'date-fns/fromUnixTime'\n\nimport Avatar from '@mui/material/Avatar'\nimport IconButton from '@mui/material/IconButton'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { ArrowUpwardAlt } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\nimport { Goal, GoalType, TrackType } from '../../../core'\n\nimport { getGoalStatusData } from '../../../core/utils/GoalsUtil'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface OngoingListItemProps {\n goal: Goal\n index: number\n onUpClick?: (goal: Goal) => void\n}\n\nexport const OngoingListItem = ({ goal, index, onUpClick }: OngoingListItemProps) => {\n const { goals: copy } = useGlobalCopyStore()\n const { percentage } = getGoalStatusData(copy, goal)\n const completionMessage: string =\n goal.goal_type === GoalType.KEEP_BALANCE_BELOW \|\| goal.has_been_spent\n ? copy.goal_completed\n : (buildDynamicCopy(copy.goal_percentage_reached, `${percentage * 100}`) as string)\n return (\n <ListItem>\n <ListItemButton\n disableRipple={true}\n sx={{ ':hover': { backgroundColor: 'unset' }, cursor: 'default' }}\n >\n {goal.track_type !== TrackType.RETIREMENT_TRACK && (\n <ListItemAvatar\n sx={{\n alignItems: 'center',\n display: 'flex',\n justifyContent: 'center',\n '.MuiAvatar-root': { height: '16px', width: '16px' },\n }}\n >\n {goal.track_type === TrackType.SAVINGS_TRACK ? (\n <IconButton onClick={() => onUpClick?.(goal)}>\n <ArrowUpwardAlt color=\"primary\" size={24} />\n </IconButton>\n ) : (\n <Avatar sx={{ bgcolor: 'text.primary', height: '16px', width: '16px' }}>\n <Text bold={true} variant=\"caption\">\n {index + 1}\n </Text>\n </Avatar>\n )}\n </ListItemAvatar>\n )}\n <ListItemText slotProps={{ primary: { variant: 'body1' } }}>\n <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n <Stack sx={{ maxWidth: '70%' }}>\n <Text bold={true} variant=\"body1\">\n {goal.name}\n </Text>\n <Text variant=\"caption\">\n {goal.is_complete\n ? completionMessage\n : (buildDynamicCopy(\n copy.goal_projection,\n formatDate(\n fromUnixTime(goal.projected_to_complete_at \|\| 0),\n DATE_FORMATS_INTL.MONTH_SHORT_YEAR,\n ),\n ) as string)}\n </Text>\n </Stack>\n <Text bold={true} variant=\"body1\">\n {formatCurrency(goal.amount, '0,0.00')}\n </Text>\n </Stack>\n </ListItemText>\n </ListItemButton>\n </ListItem>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,IAAa,IAAA,CAAmB,EAAE,MAAA,GAAM,OAAA,GAAO,WAAA,EAAA,MAAsC;AACnF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,YAAA,EAAA,IAAe,EAAkB,GAAM,CAAI,GAC7C,IACJ,EAAK,cAAc,EAAS,sBAAsB,EAAK,iBACnD,EAAK,iBACJ,EAAiB,EAAK,yBAAyB,GAAG,IAAa,GAAA,EAAK;AAC3E,SACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IACE,eAAe;AAAA,IACf,IAAI;AAAA,MAAE,UAAU,EAAE,iBAAiB,QAAQ;AAAA,MAAG,QAAQ;AAAA,IAAU;AAAA,IAFlE,UAAA,CAIG,EAAK,eAAe,EAAU,oBAC7B,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,mBAAmB;AAAA,UAAE,QAAQ;AAAA,UAAQ,OAAO;AAAA,QAAO;AAAA,MACrD;AAAA,MAEC,UAAA,EAAK,eAAe,EAAU,gBAC7B,gBAAA,EAAC,GAAD;AAAA,QAAY,SAAA,MAAe,IAAY,CAAI;AAAA,QACzC,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAgB,OAAM;AAAA,UAAU,MAAM;AAAA,QAAK,CAAA;AAAA,MACjC,CAAA,IAEZ,gBAAA,EAAC,GAAD;AAAA,QAAQ,IAAI;AAAA,UAAE,SAAS;AAAA,UAAgB,QAAQ;AAAA,UAAQ,OAAO;AAAA,QAAO;AAAA,QACnE,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,IAAQ;AAAA,QACL,CAAA;AAAA,MACA,CAAA;AAAA,IAEI,CAAA,GAElB,gBAAA,EAAC,GAAD;AAAA,MAAc,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,EAAE;AAAA,MACvD,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAAM,gBAAe;AAAA,QAA1D,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI,EAAE,UAAU,MAAM;AAAA,UAA7B,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,SAAQ;AAAA,YACvB,UAAA,EAAK;AAAA,UACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,YAAM,SAAQ;AAAA,YACX,UAAA,EAAK,cACF,IACC,EACC,EAAK,iBACL,EACE,EAAa,EAAK,4BAA4B,CAAC,GAC/C,EAAkB,gBACpB,CACF;AAAA,UACA,CAAA,CACD;AAAA,QACP,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,EAAe,EAAK,QAAQ,QAAQ;AAAA,QACjC,CAAA,CACD;AAAA;IACK,CAAA,CACA;AAAA,EACR,CAAA,EAAA,CAAA;AAEd"}

package/dist/goals/components/micro/GoalMicroStatusCard.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GoalMicroStatusCard.es.js","names":[],"sources":["../../../../src/goals/components/micro/GoalMicroStatusCard.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Avatar from '@mui/material/Avatar'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { NoteStack, Payments, Person } from '@mxenabled/mx-icons'\n\nimport { H2, P, Text } from '@mxenabled/mxui'\n\nimport { SingleSegmentDonut, useGlobalCopyStore } from '../../../common'\nimport { type Goal, TrackType } from '../../../core'\n\nimport { getGoalStatusData } from '../../../core/utils/GoalsUtil'\n\ninterface GoalStatusCardProps {\n goal: Goal\n}\n\nexport const GoalMicroStatusCard = observer(({ goal }: GoalStatusCardProps) => {\n const { goals: copy } = useGlobalCopyStore()\n\n const theme = useTheme()\n\n const {\n backgroundColor: bgcolor,\n color,\n percentage,\n projectedText,\n } = getGoalStatusData(copy, goal)\n\n const percentNumber = Math.round(percentage * 100)\n\n let avatarIcon = <Payments />\n if (goal.track_type === TrackType.DEBT_TRACK) {\n avatarIcon = <NoteStack />\n } else if (goal.track_type === TrackType.RETIREMENT_TRACK) {\n avatarIcon = <Person />\n }\n\n return (\n <Stack alignItems=\"center\" direction=\"row\" spacing={12} sx={{ py: 12 }}>\n <Avatar sx={{ bgcolor, color, height: 32, width: 32 }} variant=\"rounded\">\n {avatarIcon}\n </Avatar>\n <Box sx={{ width: '100%' }}>\n <H2 fontSize={15} fontWeight={600} variant=\"body1\">\n {goal.name}\n </H2>\n {goal.projected_to_complete_at && (\n <Text color=\"text.secondary\" variant=\"caption\">\n {projectedText}\n </Text>\n )}\n </Box>\n <SingleSegmentDonut\n backgroundStrokeColor={theme.palette.neutral.light}\n color={theme.palette.primary.main}\n percent={percentNumber}\n size={40}\n strokeWidth={3}\n >\n <P fontWeight={700} variant=\"caption\">\n {`${percentNumber}%`}\n </P>\n </SingleSegmentDonut>\n </Stack>\n )\n})\n"],"mappings":";;;;;;;;;;;;AAoBA,IAAa,IAAsB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAgC;AAC7E,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GAErC,IAAQ,EAAS,GAEjB,EACJ,iBAAiB,GACjB,OAAA,GACA,YAAA,GACA,eAAA,EAAA,IACE,EAAkB,GAAM,CAAI,GAE1B,IAAgB,KAAK,MAAM,IAAa,GAAG;AAEjD,MAAI,IAAa,gBAAA,EAAC,GAAD,CAAW,CAAA;AAC5B,SAAI,EAAK,eAAe,EAAU,aAChC,IAAa,gBAAA,EAAC,GAAD,CAAY,CAAA,IAChB,EAAK,eAAe,EAAU,qBACvC,IAAa,gBAAA,EAAC,GAAD,CAAS,CAAA,IAItB,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,WAAU;AAAA,IAAM,SAAS;AAAA,IAAI,IAAI,EAAE,IAAI,GAAG;AAAA,~~cAArE~~;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAQ,IAAI;AAAA,UAAE,SAAA;AAAA,UAAS,OAAA;AAAA,UAAO,QAAQ;AAAA,UAAI,OAAO;AAAA,QAAG;AAAA,QAAG,SAAQ;AAAA,~~kBAC5D~~;AAAA,MACK,CAAA;AAAA,MACR,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI,EAAE,OAAO,OAAO;AAAA,~~kBAAzB~~,CACE,gBAAA,EAAC,GAAD;AAAA,UAAI,UAAU;AAAA,UAAI,YAAY;AAAA,UAAK,SAAQ;AAAA,~~oBACxC~~,EAAK;AAAA,QACJ,CAAA,GACH,EAAK,4BACJ,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,~~oBAClC~~;AAAA,QACG,CAAA,CAEL;AAAA;MACL,gBAAA,EAAC,GAAD;AAAA,QACE,uBAAuB,EAAM,QAAQ,QAAQ;AAAA,QAC7C,OAAO,EAAM,QAAQ,QAAQ;AAAA,QAC7B,SAAS;AAAA,QACT,MAAM;AAAA,QACN,aAAa;AAAA,~~kBAEb~~,gBAAA,EAAC,GAAD;AAAA,UAAG,YAAY;AAAA,UAAK,SAAQ;AAAA,~~oBACzB~~,GAAG,CAAA;AAAA,QACH,CAAA;AAAA,MACe,CAAA;AAAA,IACf;AAAA;AAEX,CAAC"}
1	+ {"version":3,"file":"GoalMicroStatusCard.es.js","names":[],"sources":["../../../../src/goals/components/micro/GoalMicroStatusCard.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Avatar from '@mui/material/Avatar'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { NoteStack, Payments, Person } from '@mxenabled/mx-icons'\n\nimport { H2, P, Text } from '@mxenabled/mxui'\n\nimport { SingleSegmentDonut, useGlobalCopyStore } from '../../../common'\nimport { type Goal, TrackType } from '../../../core'\n\nimport { getGoalStatusData } from '../../../core/utils/GoalsUtil'\n\ninterface GoalStatusCardProps {\n goal: Goal\n}\n\nexport const GoalMicroStatusCard = observer(({ goal }: GoalStatusCardProps) => {\n const { goals: copy } = useGlobalCopyStore()\n\n const theme = useTheme()\n\n const {\n backgroundColor: bgcolor,\n color,\n percentage,\n projectedText,\n } = getGoalStatusData(copy, goal)\n\n const percentNumber = Math.round(percentage * 100)\n\n let avatarIcon = <Payments />\n if (goal.track_type === TrackType.DEBT_TRACK) {\n avatarIcon = <NoteStack />\n } else if (goal.track_type === TrackType.RETIREMENT_TRACK) {\n avatarIcon = <Person />\n }\n\n return (\n <Stack alignItems=\"center\" direction=\"row\" spacing={12} sx={{ py: 12 }}>\n <Avatar sx={{ bgcolor, color, height: 32, width: 32 }} variant=\"rounded\">\n {avatarIcon}\n </Avatar>\n <Box sx={{ width: '100%' }}>\n <H2 fontSize={15} fontWeight={600} variant=\"body1\">\n {goal.name}\n </H2>\n {goal.projected_to_complete_at && (\n <Text color=\"text.secondary\" variant=\"caption\">\n {projectedText}\n </Text>\n )}\n </Box>\n <SingleSegmentDonut\n backgroundStrokeColor={theme.palette.neutral.light}\n color={theme.palette.primary.main}\n percent={percentNumber}\n size={40}\n strokeWidth={3}\n >\n <P fontWeight={700} variant=\"caption\">\n {`${percentNumber}%`}\n </P>\n </SingleSegmentDonut>\n </Stack>\n )\n})\n"],"mappings":";;;;;;;;;;;;AAoBA,IAAa,IAAsB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAgC;AAC7E,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GAErC,IAAQ,EAAS,GAEjB,EACJ,iBAAiB,GACjB,OAAA,GACA,YAAA,GACA,eAAA,EAAA,IACE,EAAkB,GAAM,CAAI,GAE1B,IAAgB,KAAK,MAAM,IAAa,GAAG;AAEjD,MAAI,IAAa,gBAAA,EAAC,GAAD,CAAW,CAAA;AAC5B,SAAI,EAAK,eAAe,EAAU,aAChC,IAAa,gBAAA,EAAC,GAAD,CAAY,CAAA,IAChB,EAAK,eAAe,EAAU,qBACvC,IAAa,gBAAA,EAAC,GAAD,CAAS,CAAA,IAItB,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,WAAU;AAAA,IAAM,SAAS;AAAA,IAAI,IAAI,EAAE,IAAI,GAAG;AAAA,IAArE,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAQ,IAAI;AAAA,UAAE,SAAA;AAAA,UAAS,OAAA;AAAA,UAAO,QAAQ;AAAA,UAAI,OAAO;AAAA,QAAG;AAAA,QAAG,SAAQ;AAAA,QAC5D,UAAA;AAAA,MACK,CAAA;AAAA,MACR,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI,EAAE,OAAO,OAAO;AAAA,QAAzB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAI,UAAU;AAAA,UAAI,YAAY;AAAA,UAAK,SAAQ;AAAA,UACxC,UAAA,EAAK;AAAA,QACJ,CAAA,GACH,EAAK,4BACJ,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,UAClC,UAAA;AAAA,QACG,CAAA,CAEL;AAAA;MACL,gBAAA,EAAC,GAAD;AAAA,QACE,uBAAuB,EAAM,QAAQ,QAAQ;AAAA,QAC7C,OAAO,EAAM,QAAQ,QAAQ;AAAA,QAC7B,SAAS;AAAA,QACT,MAAM;AAAA,QACN,aAAa;AAAA,QAEb,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAG,YAAY;AAAA,UAAK,SAAQ;AAAA,UACzB,UAAA,GAAG,CAAA;AAAA,QACH,CAAA;AAAA,MACe,CAAA;AAAA,IACf;AAAA;AAEX,CAAC"}

package/dist/goals/components/micro/GoalsMicroEmptyState.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GoalsMicroEmptyState.es.js","names":[],"sources":["../../../../src/goals/components/micro/GoalsMicroEmptyState.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\nimport { Trophy } from '@mxenabled/mx-icons'\nimport { H2, P } from '@mxenabled/mxui'\n\ninterface EmptyWidgetProps {\n header: string\n subText: string\n sx?: SxProps\n}\n\nexport const GoalsMicroEmptyState = ({ header, subText, sx }: EmptyWidgetProps) => (\n <Stack\n sx={{\n alignItems: 'center',\n alignSelf: 'center',\n px: 24,\n ...sx,\n }}\n >\n <Trophy size={32} />\n <H2 fontSize={15} fontWeight={600}>\n {header}\n </H2>\n <P\n color=\"text.secondary\"\n sx={{ fontWeight: 400, maxWidth: { sm: 424 }, textAlign: 'center' }}\n variant=\"subtitle2\"\n >\n {subText}\n </P>\n </Stack>\n)\n"],"mappings":";;;;AAYA,IAAa,IAAA,CAAwB,EAAE,QAAA,GAAQ,SAAA,GAAS,IAAA,EAAA,MACtD,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,IAAI;AAAA,IACJ,GAAG;AAAA,EACL;AAAA,~~YANF~~;AAAA,IAQE,gBAAA,EAAC,GAAD,EAAQ,MAAM,GAAK,CAAA;AAAA,IACnB,gBAAA,EAAC,GAAD;AAAA,MAAI,UAAU;AAAA,MAAI,YAAY;AAAA,~~gBAC3B~~;AAAA,IACC,CAAA;AAAA,IACJ,gBAAA,EAAC,GAAD;AAAA,MACE,OAAM;AAAA,MACN,IAAI;AAAA,QAAE,YAAY;AAAA,QAAK,UAAU,EAAE,IAAI,IAAI;AAAA,QAAG,WAAW;AAAA,MAAS;AAAA,MAClE,SAAQ;AAAA,~~gBAEP~~;AAAA,IACA,CAAA;AAAA,EACE"}
1	+ {"version":3,"file":"GoalsMicroEmptyState.es.js","names":[],"sources":["../../../../src/goals/components/micro/GoalsMicroEmptyState.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\nimport { Trophy } from '@mxenabled/mx-icons'\nimport { H2, P } from '@mxenabled/mxui'\n\ninterface EmptyWidgetProps {\n header: string\n subText: string\n sx?: SxProps\n}\n\nexport const GoalsMicroEmptyState = ({ header, subText, sx }: EmptyWidgetProps) => (\n <Stack\n sx={{\n alignItems: 'center',\n alignSelf: 'center',\n px: 24,\n ...sx,\n }}\n >\n <Trophy size={32} />\n <H2 fontSize={15} fontWeight={600}>\n {header}\n </H2>\n <P\n color=\"text.secondary\"\n sx={{ fontWeight: 400, maxWidth: { sm: 424 }, textAlign: 'center' }}\n variant=\"subtitle2\"\n >\n {subText}\n </P>\n </Stack>\n)\n"],"mappings":";;;;AAYA,IAAa,IAAA,CAAwB,EAAE,QAAA,GAAQ,SAAA,GAAS,IAAA,EAAA,MACtD,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,IAAI;AAAA,IACJ,GAAG;AAAA,EACL;AAAA,EANF,UAAA;AAAA,IAQE,gBAAA,EAAC,GAAD,EAAQ,MAAM,GAAK,CAAA;AAAA,IACnB,gBAAA,EAAC,GAAD;AAAA,MAAI,UAAU;AAAA,MAAI,YAAY;AAAA,MAC3B,UAAA;AAAA,IACC,CAAA;AAAA,IACJ,gBAAA,EAAC,GAAD;AAAA,MACE,OAAM;AAAA,MACN,IAAI;AAAA,QAAE,YAAY;AAAA,QAAK,UAAU,EAAE,IAAI,IAAI;AAAA,QAAG,WAAW;AAAA,MAAS;AAAA,MAClE,SAAQ;AAAA,MAEP,UAAA;AAAA,IACA,CAAA;AAAA,EACE"}

package/dist/help/HelpWidget.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HelpWidget.es.js","names":[],"sources":["../../src/help/HelpWidget.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { Loader, useGlobalUiStore, WidgetContainer, useWidgetLoadTimer } from '../common'\nimport { WidgetProps } from '../core'\n\nimport { Help } from './components/Help'\n\nexport const HelpWidget = observer(({ onBackClick, onMenuClick, sx }: WidgetProps) => {\n const { isInitialized } = useGlobalUiStore()\n\n useWidgetLoadTimer({\n widgetName: 'HelpWidget',\n isLoaded: isInitialized,\n })\n\n if (!isInitialized) return <Loader />\n\n return (\n <WidgetContainer\n onBackClick={onBackClick}\n onMenuClick={onMenuClick}\n showAccountFilter={false}\n sx={{ p: 16 }}\n >\n <Help sx={sx} />\n </WidgetContainer>\n )\n})\n"],"mappings":";;;;;;;AAOA,IAAa,IAAa,EAAA,CAAU,EAAE,aAAA,GAAa,aAAA,GAAa,IAAA,EAAA,MAAsB;AACpF,QAAM,EAAE,eAAA,EAAA,IAAkB,EAAiB;AAO3C,SALA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAEI,IAGH,gBAAA,EAAC,GAAD;AAAA,IACe,aAAA;AAAA,IACA,aAAA;AAAA,IACb,mBAAmB;AAAA,IACnB,IAAI,EAAE,GAAG,GAAG;AAAA,~~cAEZ~~,gBAAA,EAAC,GAAD,EAAU,IAAA,EAAK,CAAA;AAAA,EACA,CAAA,IAVQ,gBAAA,EAAC,GAAD,CAAS,CAAA;AAYtC,CAAC"}
1	+ {"version":3,"file":"HelpWidget.es.js","names":[],"sources":["../../src/help/HelpWidget.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { Loader, useGlobalUiStore, WidgetContainer, useWidgetLoadTimer } from '../common'\nimport { WidgetProps } from '../core'\n\nimport { Help } from './components/Help'\n\nexport const HelpWidget = observer(({ onBackClick, onMenuClick, sx }: WidgetProps) => {\n const { isInitialized } = useGlobalUiStore()\n\n useWidgetLoadTimer({\n widgetName: 'HelpWidget',\n isLoaded: isInitialized,\n })\n\n if (!isInitialized) return <Loader />\n\n return (\n <WidgetContainer\n onBackClick={onBackClick}\n onMenuClick={onMenuClick}\n showAccountFilter={false}\n sx={{ p: 16 }}\n >\n <Help sx={sx} />\n </WidgetContainer>\n )\n})\n"],"mappings":";;;;;;;AAOA,IAAa,IAAa,EAAA,CAAU,EAAE,aAAA,GAAa,aAAA,GAAa,IAAA,EAAA,MAAsB;AACpF,QAAM,EAAE,eAAA,EAAA,IAAkB,EAAiB;AAO3C,SALA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAEI,IAGH,gBAAA,EAAC,GAAD;AAAA,IACe,aAAA;AAAA,IACA,aAAA;AAAA,IACb,mBAAmB;AAAA,IACnB,IAAI,EAAE,GAAG,GAAG;AAAA,IAEZ,UAAA,gBAAA,EAAC,GAAD,EAAU,IAAA,EAAK,CAAA;AAAA,EACA,CAAA,IAVQ,gBAAA,EAAC,GAAD,CAAS,CAAA;AAYtC,CAAC"}

package/dist/help/components/Help.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Help.es.js","names":[],"sources":["../../../src/help/components/Help.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\n\nimport {\n ANALYTICS_EVENTS,\n useAppConfig,\n useEvent,\n useGlobalCopyStore,\n useHelpStore,\n useScreenSize,\n} from '../../common'\nimport { type SelectedTopic } from '../../core'\n\nimport { HelpList } from './HelpList'\nimport { HelpContent } from './HelpContent'\nimport { RequestSupport } from './requestsupport'\nimport type { SxProps } from '@mui/material/styles'\n\ninterface HelpProps {\n sx?: SxProps\n}\n\nexport const Help = ({ sx = {} }: HelpProps) => {\n const { config } = useAppConfig()\n const { onEvent } = useEvent()\n const { help: helpCopy } = useGlobalCopyStore()\n const { helpCategories } = useHelpStore()\n const { isMobile } = useScreenSize()\n\n const [isRequestSupportOpen, setIsRequestSupportOpen] = React.useState(false)\n const [selectedTopic, setSelectedTopic] = React.useState<SelectedTopic \| null>(null)\n\n const handleTopicSelect = (topic: SelectedTopic) => {\n onEvent(ANALYTICS_EVENTS.HELP_CLICK_TOPIC, {\n feature: topic.category,\n helpTopic: topic.pageTitle,\n })\n\n setSelectedTopic(topic)\n }\n const handleRequestHelp = () => setIsRequestSupportOpen(true)\n\n return (\n <Box sx={{ pt: 24, px: isMobile ? 24 : 0, ...sx }}>\n {!selectedTopic ? (\n <HelpList\n buttonText={helpCopy.request_support}\n hasRequestButton={config.enable_support_requests}\n helpCategories={helpCategories}\n helpContent={helpCopy.list_short_content}\n helpTitle={helpCopy.list_title}\n onRequestHelp={handleRequestHelp}\n onTopicSelect={handleTopicSelect}\n />\n ) : (\n <HelpContent\n copy={helpCopy}\n hasRequestButton={config.enable_support_requests}\n onNavigateToList={() => setSelectedTopic(null)}\n onRequestSupport={handleRequestHelp}\n topicInfo={selectedTopic}\n />\n )}\n <RequestSupport\n copy={helpCopy}\n isOpen={isRequestSupportOpen}\n onClose={() => setIsRequestSupportOpen(false)}\n />\n </Box>\n )\n}\n"],"mappings":";;;;;;;;;AAuBA,IAAa,IAAA,CAAQ,EAAE,IAAA,IAAK,CAAC,EAAA,MAAmB;AAC9C,QAAM,EAAE,QAAA,EAAA,IAAW,EAAa,GAC1B,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,MAAM,EAAA,IAAa,EAAmB,GACxC,EAAE,gBAAA,EAAA,IAAmB,EAAa,GAClC,EAAE,UAAA,EAAA,IAAa,EAAc,GAE7B,CAAC,GAAsB,CAAA,IAA2B,EAAM,SAAS,EAAK,GACtE,CAAC,GAAe,CAAA,IAAoB,EAAM,SAA+B,IAAI,GAE7E,IAAA,CAAqB,MAAyB;AAClD,IAAA,EAAQ,EAAiB,kBAAkB;AAAA,MACzC,SAAS,EAAM;AAAA,MACf,WAAW,EAAM;AAAA,IACnB,CAAC,GAED,EAAiB,CAAK;AAAA,EACxB,GACM,IAAA,MAA0B,EAAwB,EAAI;AAE5D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,IAAI,IAAW,KAAK;AAAA,MAAG,GAAG;AAAA,IAAG;AAAA,~~cAAhD~~,CACI,IAWA,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,kBAAkB,EAAO;AAAA,MACzB,kBAAA,MAAwB,EAAiB,IAAI;AAAA,MAC7C,kBAAkB;AAAA,MAClB,WAAW;AAAA,IACZ,CAAA,IAhBD,gBAAA,EAAC,GAAD;AAAA,MACE,YAAY,EAAS;AAAA,MACrB,kBAAkB,EAAO;AAAA,MACT,gBAAA;AAAA,MAChB,aAAa,EAAS;AAAA,MACtB,WAAW,EAAS;AAAA,MACpB,eAAe;AAAA,MACf,eAAe;AAAA,IAChB,CAAA,GAUH,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,SAAA,MAAe,EAAwB,EAAK;AAAA,IAC7C,CAAA,CACE;AAAA;AAET"}
1	+ {"version":3,"file":"Help.es.js","names":[],"sources":["../../../src/help/components/Help.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\n\nimport {\n ANALYTICS_EVENTS,\n useAppConfig,\n useEvent,\n useGlobalCopyStore,\n useHelpStore,\n useScreenSize,\n} from '../../common'\nimport { type SelectedTopic } from '../../core'\n\nimport { HelpList } from './HelpList'\nimport { HelpContent } from './HelpContent'\nimport { RequestSupport } from './requestsupport'\nimport type { SxProps } from '@mui/material/styles'\n\ninterface HelpProps {\n sx?: SxProps\n}\n\nexport const Help = ({ sx = {} }: HelpProps) => {\n const { config } = useAppConfig()\n const { onEvent } = useEvent()\n const { help: helpCopy } = useGlobalCopyStore()\n const { helpCategories } = useHelpStore()\n const { isMobile } = useScreenSize()\n\n const [isRequestSupportOpen, setIsRequestSupportOpen] = React.useState(false)\n const [selectedTopic, setSelectedTopic] = React.useState<SelectedTopic \| null>(null)\n\n const handleTopicSelect = (topic: SelectedTopic) => {\n onEvent(ANALYTICS_EVENTS.HELP_CLICK_TOPIC, {\n feature: topic.category,\n helpTopic: topic.pageTitle,\n })\n\n setSelectedTopic(topic)\n }\n const handleRequestHelp = () => setIsRequestSupportOpen(true)\n\n return (\n <Box sx={{ pt: 24, px: isMobile ? 24 : 0, ...sx }}>\n {!selectedTopic ? (\n <HelpList\n buttonText={helpCopy.request_support}\n hasRequestButton={config.enable_support_requests}\n helpCategories={helpCategories}\n helpContent={helpCopy.list_short_content}\n helpTitle={helpCopy.list_title}\n onRequestHelp={handleRequestHelp}\n onTopicSelect={handleTopicSelect}\n />\n ) : (\n <HelpContent\n copy={helpCopy}\n hasRequestButton={config.enable_support_requests}\n onNavigateToList={() => setSelectedTopic(null)}\n onRequestSupport={handleRequestHelp}\n topicInfo={selectedTopic}\n />\n )}\n <RequestSupport\n copy={helpCopy}\n isOpen={isRequestSupportOpen}\n onClose={() => setIsRequestSupportOpen(false)}\n />\n </Box>\n )\n}\n"],"mappings":";;;;;;;;;AAuBA,IAAa,IAAA,CAAQ,EAAE,IAAA,IAAK,CAAC,EAAA,MAAmB;AAC9C,QAAM,EAAE,QAAA,EAAA,IAAW,EAAa,GAC1B,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,MAAM,EAAA,IAAa,EAAmB,GACxC,EAAE,gBAAA,EAAA,IAAmB,EAAa,GAClC,EAAE,UAAA,EAAA,IAAa,EAAc,GAE7B,CAAC,GAAsB,CAAA,IAA2B,EAAM,SAAS,EAAK,GACtE,CAAC,GAAe,CAAA,IAAoB,EAAM,SAA+B,IAAI,GAE7E,IAAA,CAAqB,MAAyB;AAClD,IAAA,EAAQ,EAAiB,kBAAkB;AAAA,MACzC,SAAS,EAAM;AAAA,MACf,WAAW,EAAM;AAAA,IACnB,CAAC,GAED,EAAiB,CAAK;AAAA,EACxB,GACM,IAAA,MAA0B,EAAwB,EAAI;AAE5D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,IAAI,IAAW,KAAK;AAAA,MAAG,GAAG;AAAA,IAAG;AAAA,IAAhD,UAAA,CACI,IAWA,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,kBAAkB,EAAO;AAAA,MACzB,kBAAA,MAAwB,EAAiB,IAAI;AAAA,MAC7C,kBAAkB;AAAA,MAClB,WAAW;AAAA,IACZ,CAAA,IAhBD,gBAAA,EAAC,GAAD;AAAA,MACE,YAAY,EAAS;AAAA,MACrB,kBAAkB,EAAO;AAAA,MACT,gBAAA;AAAA,MAChB,aAAa,EAAS;AAAA,MACtB,WAAW,EAAS;AAAA,MACpB,eAAe;AAAA,MACf,eAAe;AAAA,IAChB,CAAA,GAUH,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,SAAA,MAAe,EAAwB,EAAK;AAAA,IAC7C,CAAA,CACE;AAAA;AAET"}

package/dist/help/components/HelpList.es.js CHANGED Viewed

@@ -1,28 +1,28 @@
-import { useEvent as C } from "../../common/context/hooks.es.js";
+import { useEvent as S } from "../../common/context/hooks.es.js";
 import { ANALYTICS_EVENTS as h } from "../../common/constants/Analytics.es.js";
-import S, { useState as _ } from "react";
+import _, { useState as T } from "react";
 import t from "@mui/material/Stack";
-import { H3 as T, Icon as k, P as B, Text as u } from "@mxenabled/mxui";
-import D from "@mui/material/Button";
-import { ExpandMore as H } from "@mxenabled/mx-icons";
+import { H3 as k, Icon as B, P as D, Text as u } from "@mxenabled/mxui";
+import H from "@mui/material/Button";
+import { ExpandMore as j } from "@mxenabled/mx-icons";
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import j from "@mui/material/Divider";
-import w from "@mui/material/List";
-import M from "@mui/material/ListItemButton";
-import N from "@mui/material/Grid";
-import G from "@mui/material/Accordion";
-import O from "@mui/material/AccordionDetails";
-import U from "@mui/material/AccordionSummary";
-var er = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], helpContent: g, helpTitle: b, onRequestHelp: E, onTopicSelect: v }) => {
-  const [y, R] = _(null), m = Math.ceil(n.length / 2), { onEvent: l } = C();
-  return /* @__PURE__ */ e(S.Fragment, { children: [/* @__PURE__ */ e(N, {
+import w from "@mui/material/Divider";
+import M from "@mui/material/List";
+import N from "@mui/material/ListItemButton";
+import G from "@mui/material/Grid";
+import O from "@mui/material/Accordion";
+import U from "@mui/material/AccordionDetails";
+import z from "@mui/material/AccordionSummary";
+var ir = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], helpContent: g, helpTitle: b, onRequestHelp: E, onTopicSelect: v }) => {
+  const [y, R] = T(null), m = Math.ceil(n.length / 2), { onEvent: l } = S();
+  return /* @__PURE__ */ e(_.Fragment, { children: [/* @__PURE__ */ e(G, {
     container: !0,
     sx: {
       alignItems: "center",
       justifyContent: "space-between",
       mb: 24
     },
-    children: [/* @__PURE__ */ e(t, { children: [/* @__PURE__ */ r(T, { children: b }), /* @__PURE__ */ r(B, {
+    children: [/* @__PURE__ */ e(t, { children: [/* @__PURE__ */ r(k, { children: b }), /* @__PURE__ */ r(D, {
       variant: "body1",
       children: g
     })] }), f && /* @__PURE__ */ r(t, {
@@ -30,7 +30,7 @@ var er = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], hel
         xs: 12,
         md: 0
       } },
-      children: /* @__PURE__ */ r(D, {
+      children: /* @__PURE__ */ r(H, {
         "aria-label": c,
         onClick: () => {
           l(h.HELP_CLICK_REQUEST_SUPPORT, {}), E();
@@ -48,16 +48,16 @@ var er = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], hel
       gap: 12
     },
     children: [0, 1].map((d) => {
-      const p = d === 0 ? 0 : m, I = d === 0 ? m : n.length;
+      const s = d === 0 ? 0 : m, I = d === 0 ? m : n.length, L = n.slice(s, I);
       return /* @__PURE__ */ r(t, {
         sx: {
           flex: 1,
           gap: 12,
           maxWidth: { md: "calc(50% - 6px)" }
         },
-        children: n.slice(p, I).map(({ guid: s, icon: L, topics: P, title: a }, A) => {
-          const x = A + p;
-          return /* @__PURE__ */ e(G, {
+        children: L.map(({ guid: p, icon: P, topics: A, title: a }, C) => {
+          const x = C + s;
+          return /* @__PURE__ */ e(O, {
             disableGutters: !0,
             expanded: x === y,
             onChange: (o, i) => {
@@ -74,8 +74,8 @@ var er = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], hel
               }
             }),
             children: [
-              /* @__PURE__ */ r(U, {
-                expandIcon: /* @__PURE__ */ r(H, { sx: { color: "text.primary" } }),
+              /* @__PURE__ */ r(z, {
+                expandIcon: /* @__PURE__ */ r(j, { sx: { color: "text.primary" } }),
                 sx: {
                   height: 64,
                   p: "14px 24px"
@@ -86,8 +86,8 @@ var er = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], hel
                     flexDirection: "row",
                     gap: 12
                   },
-                  children: [/* @__PURE__ */ r(k, {
-                    name: L,
+                  children: [/* @__PURE__ */ r(B, {
+                    name: P,
                     size: 24
                   }), /* @__PURE__ */ r(u, {
                     variant: "body1",
@@ -95,19 +95,19 @@ var er = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], hel
                   })]
                 })
               }),
-              /* @__PURE__ */ r(j, {}),
-              /* @__PURE__ */ r(O, {
+              /* @__PURE__ */ r(w, {}),
+              /* @__PURE__ */ r(U, {
                 sx: {
                   ml: 56,
                   p: 0
                 },
-                children: /* @__PURE__ */ r(w, {
+                children: /* @__PURE__ */ r(M, {
                   disablePadding: !0,
-                  children: P.map(({ label: o, topicKey: i }) => /* @__PURE__ */ r(M, {
+                  children: A.map(({ label: o, topicKey: i }) => /* @__PURE__ */ r(N, {
                     "aria-label": o,
                     divider: !0,
                     onClick: () => v({
-                      guid: s,
+                      guid: p,
                       category: a,
                       pageTitle: o,
                       topicKey: i
@@ -129,14 +129,14 @@ var er = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], hel
                 })
               })
             ]
-          }, s);
+          }, p);
         })
       }, d);
     })
   })] });
 };
 export {
-  er as HelpList
+  ir as HelpList
 };
 //# sourceMappingURL=HelpList.es.js.map

package/dist/help/components/HelpList.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HelpList.es.js","names":[],"sources":["../../../src/help/components/HelpList.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport List from '@mui/material/List'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport Stack from '@mui/material/Stack'\n\nimport { H3, Icon, P, Text } from '@mxenabled/mxui'\nimport { ExpandMore } from '@mxenabled/mx-icons'\n\nimport { ANALYTICS_EVENTS, useEvent } from '../../common'\nimport { type HelpCategory, type SelectedTopic } from '../../core'\n\nexport interface HelpListProps {\n buttonText: string\n hasRequestButton?: boolean\n helpCategories: HelpCategory[]\n helpContent: string\n helpTitle: string\n onRequestHelp: () => void\n onTopicSelect: (topic: SelectedTopic) => void\n}\n\nexport const HelpList: React.FC<HelpListProps> = ({\n buttonText,\n hasRequestButton = false,\n helpCategories = [],\n helpContent,\n helpTitle,\n onRequestHelp,\n onTopicSelect,\n}) => {\n const [expanded, setExpanded] = useState<number \| null>(null)\n const midpoint = Math.ceil(helpCategories.length / 2)\n\n const { onEvent } = useEvent()\n\n return (\n <React.Fragment>\n <Grid\n container={true}\n sx={{\n alignItems: 'center',\n justifyContent: 'space-between',\n mb: 24,\n }}\n >\n <Stack>\n <H3>{helpTitle}</H3>\n <P variant=\"body1\">{helpContent}</P>\n </Stack>\n {hasRequestButton && (\n <Stack\n sx={{\n pt: {\n xs: 12,\n md: 0,\n },\n }}\n >\n <Button\n aria-label={buttonText}\n onClick={() => {\n onEvent(ANALYTICS_EVENTS.HELP_CLICK_REQUEST_SUPPORT, {})\n\n onRequestHelp()\n }}\n variant=\"contained\"\n >\n {buttonText}\n </Button>\n </Stack>\n )}\n </Grid>\n\n <Stack sx={{ flexDirection: { xs: 'column', md: 'row' }, gap: 12 }}>\n {[0, 1].map((half) => {\n const start = half === 0 ? 0 : midpoint\n const end = half === 0 ? midpoint : helpCategories.length\n const items = helpCategories.slice(start, end)\n\n return (\n <Stack key={half} sx={{ flex: 1, gap: 12, maxWidth: { md: 'calc(50% - 6px)' } }}>\n {items.map(({ guid, icon, topics, title }, i) => {\n const key = i + start\n return (\n <Accordion\n disableGutters={true}\n expanded={key === expanded}\n key={guid}\n onChange={(_, isExpanded) => {\n onEvent(ANALYTICS_EVENTS.HELP_EXPAND_TOPIC, { feature: title })\n\n setExpanded(isExpanded ? key : null)\n }}\n sx={(theme) => ({\n border: `1px solid ${theme.palette.neutral?.light}`,\n borderRadius: '8px !important',\n '&:before': {\n opacity: 0,\n },\n '& .MuiAccordion-region': {\n bgcolor: 'background.default',\n borderBottomLeftRadius: 8,\n borderBottomRightRadius: 8,\n },\n })}\n >\n <AccordionSummary\n expandIcon={<ExpandMore sx={{ color: 'text.primary' }} />}\n sx={{ height: 64, p: '14px 24px' }}\n >\n <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 12 }}>\n <Icon name={icon} size={24} />\n <Text variant=\"body1\">{title}</Text>\n </Stack>\n </AccordionSummary>\n <Divider />\n <AccordionDetails\n sx={{\n ml: 56,\n p: 0,\n }}\n >\n <List disablePadding={true}>\n {topics.map(({ label, topicKey }) => (\n <ListItemButton\n aria-label={label}\n divider={true}\n key={topicKey}\n onClick={() =>\n onTopicSelect({ guid, category: title, pageTitle: label, topicKey })\n }\n sx={{\n pl: '6px !important',\n borderColor: 'neutral.light',\n '&:last-child': {\n border: 'none !important',\n borderBottomRightRadius: 7,\n },\n }}\n >\n <Text color=\"secondary\" variant=\"body2\">\n {label}\n </Text>\n </ListItemButton>\n ))}\n </List>\n </AccordionDetails>\n </Accordion>\n )\n })}\n </Stack>\n )\n })}\n </Stack>\n </React.Fragment>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;AA4BA,IAAa,KAAA,CAAqC,EAChD,YAAA,GACA,kBAAA,IAAmB,IACnB,gBAAA,IAAiB,CAAC,GAClB,aAAA,GACA,WAAA,GACA,eAAA,GACA,eAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAU,CAAA,IAAe,EAAwB,IAAI,GACtD,IAAW,KAAK,KAAK,EAAe,SAAS,CAAC,GAE9C,EAAE,SAAA,EAAA,IAAY,EAAS;AAE7B,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW;AAAA,IACX,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,IAAI;AAAA,IACN;AAAA,~~cANF~~,CAQE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAc,CAAA,GACnB,gBAAA,EAAC,GAAD;AAAA,MAAG,SAAQ;AAAA,~~gBAAS~~;AAAA,IAAe,CAAA,CAC9B,EAAA,CAAA,GACN,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI,EACF,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,MACN,EACF;AAAA,~~gBAEA~~,gBAAA,EAAC,GAAD;AAAA,QACE,cAAY;AAAA,QACZ,SAAA,MAAe;AACb,UAAA,EAAQ,EAAiB,4BAA4B,CAAC,CAAC,GAEvD,EAAc;AAAA,QAChB;AAAA,QACA,SAAQ;AAAA,~~kBAEP~~;AAAA,MACK,CAAA;AAAA,IACH,CAAA,CAEL;AAAA,~~MAEN~~,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,eAAe;AAAA,QAAE,IAAI;AAAA,QAAU,IAAI;AAAA,MAAM;AAAA,MAAG,KAAK;AAAA,IAAG;AAAA,~~cAC9D~~,CAAC,GAAG,CAAC,EAAE,IAAA,CAAK,MAAS;AACpB,YAAM,IAAQ,MAAS,IAAI,IAAI,GACzB,IAAM,MAAS,IAAI,IAAW,EAAe;~~AAGnD~~,aACE,gBAAA,EAAC,GAAD;AAAA,QAAkB,IAAI;AAAA,UAAE,MAAM;AAAA,UAAG,KAAK;AAAA,UAAI,UAAU,EAAE,IAAI,kBAAkB;AAAA,QAAE;AAAA,~~kBAHlE~~,~~EAAe~~,~~MAAM,GAAO,CAIrC,~~EAAM,IAAA,CAAK,EAAE,MAAA,GAAM,MAAA,GAAM,QAAA,GAAQ,OAAA,EAAA,GAAS,MAAM;AAC/C,gBAAM,IAAM,IAAI;AAChB,iBACE,gBAAA,EAAC,GAAD;AAAA,YACE,gBAAgB;AAAA,YAChB,UAAU,MAAQ;AAAA,YAElB,UAAA,CAAW,GAAG,MAAe;AAC3B,cAAA,EAAQ,EAAiB,mBAAmB,EAAE,SAAS,EAAM,CAAC,GAE9D,EAAY,IAAa,IAAM,IAAI;AAAA,YACrC;AAAA,YACA,IAAA,CAAK,OAAW;AAAA,cACd,QAAQ,aAAa,EAAM,QAAQ,SAAS,KAAA;AAAA,cAC5C,cAAc;AAAA,cACd,YAAY,EACV,SAAS,EACX;AAAA,cACA,0BAA0B;AAAA,gBACxB,SAAS;AAAA,gBACT,wBAAwB;AAAA,gBACxB,yBAAyB;AAAA,cAC3B;AAAA,YACF;AAAA,~~sBApBF~~;AAAA,cAsBE,gBAAA,EAAC,GAAD;AAAA,gBACE,YAAY,gBAAA,EAAC,GAAD,EAAY,IAAI,EAAE,OAAO,eAAe,EAAI,CAAA;AAAA,gBACxD,IAAI;AAAA,kBAAE,QAAQ;AAAA,kBAAI,GAAG;AAAA,gBAAY;AAAA,~~0BAEjC~~,gBAAA,EAAC,GAAD;AAAA,kBAAO,IAAI;AAAA,oBAAE,YAAY;AAAA,oBAAU,eAAe;AAAA,oBAAO,KAAK;AAAA,kBAAG;AAAA,~~4BAAjE~~,CACE,gBAAA,EAAC,GAAD;AAAA,oBAAM,MAAM;AAAA,oBAAM,MAAM;AAAA,kBAAK,CAAA,GAC7B,gBAAA,EAAC,GAAD;AAAA,oBAAM,SAAQ;AAAA,~~8BAAS~~;AAAA,kBAAY,CAAA,CAC9B;AAAA;cACS,CAAA;AAAA,cAClB,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,cACV,gBAAA,EAAC,GAAD;AAAA,gBACE,IAAI;AAAA,kBACF,IAAI;AAAA,kBACJ,GAAG;AAAA,gBACL;AAAA,~~0BAEA~~,gBAAA,EAAC,GAAD;AAAA,kBAAM,gBAAgB;AAAA,~~4BACnB~~,EAAO,IAAA,CAAK,EAAE,OAAA,GAAO,UAAA,EAAA,MACpB,gBAAA,EAAC,GAAD;AAAA,oBACE,cAAY;AAAA,oBACZ,SAAS;AAAA,oBAET,SAAA,MACE,EAAc;AAAA,sBAAE,MAAA;AAAA,sBAAM,UAAU;AAAA,sBAAO,WAAW;AAAA,sBAAO,UAAA;AAAA,oBAAS,CAAC;AAAA,oBAErE,IAAI;AAAA,sBACF,IAAI;AAAA,sBACJ,aAAa;AAAA,sBACb,gBAAgB;AAAA,wBACd,QAAQ;AAAA,wBACR,yBAAyB;AAAA,sBAC3B;AAAA,oBACF;AAAA,~~8BAEA~~,gBAAA,EAAC,GAAD;AAAA,sBAAM,OAAM;AAAA,sBAAY,SAAQ;AAAA,~~gCAC7B~~;AAAA,oBACG,CAAA;AAAA,kBACQ,GAhBT,CAgBS,CACjB;AAAA,gBACG,CAAA;AAAA,cACU,CAAA;AAAA,YACT;AAAA,~~aA5DJ~~,CA4DI;AAAA,QAEf,CAAC;AAAA,MACI,GAtEK,CAsEL;AAAA,IAEX,CAAC;AAAA,EACI,CAAA,CACO,EAAA,CAAA;AAEpB"}
1	+ {"version":3,"file":"HelpList.es.js","names":[],"sources":["../../../src/help/components/HelpList.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport List from '@mui/material/List'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport Stack from '@mui/material/Stack'\n\nimport { H3, Icon, P, Text } from '@mxenabled/mxui'\nimport { ExpandMore } from '@mxenabled/mx-icons'\n\nimport { ANALYTICS_EVENTS, useEvent } from '../../common'\nimport { type HelpCategory, type SelectedTopic } from '../../core'\n\nexport interface HelpListProps {\n buttonText: string\n hasRequestButton?: boolean\n helpCategories: HelpCategory[]\n helpContent: string\n helpTitle: string\n onRequestHelp: () => void\n onTopicSelect: (topic: SelectedTopic) => void\n}\n\nexport const HelpList: React.FC<HelpListProps> = ({\n buttonText,\n hasRequestButton = false,\n helpCategories = [],\n helpContent,\n helpTitle,\n onRequestHelp,\n onTopicSelect,\n}) => {\n const [expanded, setExpanded] = useState<number \| null>(null)\n const midpoint = Math.ceil(helpCategories.length / 2)\n\n const { onEvent } = useEvent()\n\n return (\n <React.Fragment>\n <Grid\n container={true}\n sx={{\n alignItems: 'center',\n justifyContent: 'space-between',\n mb: 24,\n }}\n >\n <Stack>\n <H3>{helpTitle}</H3>\n <P variant=\"body1\">{helpContent}</P>\n </Stack>\n {hasRequestButton && (\n <Stack\n sx={{\n pt: {\n xs: 12,\n md: 0,\n },\n }}\n >\n <Button\n aria-label={buttonText}\n onClick={() => {\n onEvent(ANALYTICS_EVENTS.HELP_CLICK_REQUEST_SUPPORT, {})\n\n onRequestHelp()\n }}\n variant=\"contained\"\n >\n {buttonText}\n </Button>\n </Stack>\n )}\n </Grid>\n\n <Stack sx={{ flexDirection: { xs: 'column', md: 'row' }, gap: 12 }}>\n {[0, 1].map((half) => {\n const start = half === 0 ? 0 : midpoint\n const end = half === 0 ? midpoint : helpCategories.length\n const items = helpCategories.slice(start, end)\n\n return (\n <Stack key={half} sx={{ flex: 1, gap: 12, maxWidth: { md: 'calc(50% - 6px)' } }}>\n {items.map(({ guid, icon, topics, title }, i) => {\n const key = i + start\n return (\n <Accordion\n disableGutters={true}\n expanded={key === expanded}\n key={guid}\n onChange={(_, isExpanded) => {\n onEvent(ANALYTICS_EVENTS.HELP_EXPAND_TOPIC, { feature: title })\n\n setExpanded(isExpanded ? key : null)\n }}\n sx={(theme) => ({\n border: `1px solid ${theme.palette.neutral?.light}`,\n borderRadius: '8px !important',\n '&:before': {\n opacity: 0,\n },\n '& .MuiAccordion-region': {\n bgcolor: 'background.default',\n borderBottomLeftRadius: 8,\n borderBottomRightRadius: 8,\n },\n })}\n >\n <AccordionSummary\n expandIcon={<ExpandMore sx={{ color: 'text.primary' }} />}\n sx={{ height: 64, p: '14px 24px' }}\n >\n <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 12 }}>\n <Icon name={icon} size={24} />\n <Text variant=\"body1\">{title}</Text>\n </Stack>\n </AccordionSummary>\n <Divider />\n <AccordionDetails\n sx={{\n ml: 56,\n p: 0,\n }}\n >\n <List disablePadding={true}>\n {topics.map(({ label, topicKey }) => (\n <ListItemButton\n aria-label={label}\n divider={true}\n key={topicKey}\n onClick={() =>\n onTopicSelect({ guid, category: title, pageTitle: label, topicKey })\n }\n sx={{\n pl: '6px !important',\n borderColor: 'neutral.light',\n '&:last-child': {\n border: 'none !important',\n borderBottomRightRadius: 7,\n },\n }}\n >\n <Text color=\"secondary\" variant=\"body2\">\n {label}\n </Text>\n </ListItemButton>\n ))}\n </List>\n </AccordionDetails>\n </Accordion>\n )\n })}\n </Stack>\n )\n })}\n </Stack>\n </React.Fragment>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;AA4BA,IAAa,KAAA,CAAqC,EAChD,YAAA,GACA,kBAAA,IAAmB,IACnB,gBAAA,IAAiB,CAAC,GAClB,aAAA,GACA,WAAA,GACA,eAAA,GACA,eAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAU,CAAA,IAAe,EAAwB,IAAI,GACtD,IAAW,KAAK,KAAK,EAAe,SAAS,CAAC,GAE9C,EAAE,SAAA,EAAA,IAAY,EAAS;AAE7B,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW;AAAA,IACX,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,IAAI;AAAA,IACN;AAAA,IANF,UAAA,CAQE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAc,CAAA,GACnB,gBAAA,EAAC,GAAD;AAAA,MAAG,SAAQ;AAAA,MAAS,UAAA;AAAA,IAAe,CAAA,CAC9B,EAAA,CAAA,GACN,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI,EACF,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,MACN,EACF;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,cAAY;AAAA,QACZ,SAAA,MAAe;AACb,UAAA,EAAQ,EAAiB,4BAA4B,CAAC,CAAC,GAEvD,EAAc;AAAA,QAChB;AAAA,QACA,SAAQ;AAAA,QAEP,UAAA;AAAA,MACK,CAAA;AAAA,IACH,CAAA,CAEL;AAAA,EAEN,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,eAAe;AAAA,QAAE,IAAI;AAAA,QAAU,IAAI;AAAA,MAAM;AAAA,MAAG,KAAK;AAAA,IAAG;AAAA,IAC9D,UAAA,CAAC,GAAG,CAAC,EAAE,IAAA,CAAK,MAAS;AACpB,YAAM,IAAQ,MAAS,IAAI,IAAI,GACzB,IAAM,MAAS,IAAI,IAAW,EAAe,QAC7C,IAAQ,EAAe,MAAM,GAAO,CAAG;AAE7C,aACE,gBAAA,EAAC,GAAD;AAAA,QAAkB,IAAI;AAAA,UAAE,MAAM;AAAA,UAAG,KAAK;AAAA,UAAI,UAAU,EAAE,IAAI,kBAAkB;AAAA,QAAE;AAAA,QAC3E,UAAA,EAAM,IAAA,CAAK,EAAE,MAAA,GAAM,MAAA,GAAM,QAAA,GAAQ,OAAA,EAAA,GAAS,MAAM;AAC/C,gBAAM,IAAM,IAAI;AAChB,iBACE,gBAAA,EAAC,GAAD;AAAA,YACE,gBAAgB;AAAA,YAChB,UAAU,MAAQ;AAAA,YAElB,UAAA,CAAW,GAAG,MAAe;AAC3B,cAAA,EAAQ,EAAiB,mBAAmB,EAAE,SAAS,EAAM,CAAC,GAE9D,EAAY,IAAa,IAAM,IAAI;AAAA,YACrC;AAAA,YACA,IAAA,CAAK,OAAW;AAAA,cACd,QAAQ,aAAa,EAAM,QAAQ,SAAS,KAAA;AAAA,cAC5C,cAAc;AAAA,cACd,YAAY,EACV,SAAS,EACX;AAAA,cACA,0BAA0B;AAAA,gBACxB,SAAS;AAAA,gBACT,wBAAwB;AAAA,gBACxB,yBAAyB;AAAA,cAC3B;AAAA,YACF;AAAA,YApBF,UAAA;AAAA,cAsBE,gBAAA,EAAC,GAAD;AAAA,gBACE,YAAY,gBAAA,EAAC,GAAD,EAAY,IAAI,EAAE,OAAO,eAAe,EAAI,CAAA;AAAA,gBACxD,IAAI;AAAA,kBAAE,QAAQ;AAAA,kBAAI,GAAG;AAAA,gBAAY;AAAA,gBAEjC,UAAA,gBAAA,EAAC,GAAD;AAAA,kBAAO,IAAI;AAAA,oBAAE,YAAY;AAAA,oBAAU,eAAe;AAAA,oBAAO,KAAK;AAAA,kBAAG;AAAA,kBAAjE,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,oBAAM,MAAM;AAAA,oBAAM,MAAM;AAAA,kBAAK,CAAA,GAC7B,gBAAA,EAAC,GAAD;AAAA,oBAAM,SAAQ;AAAA,oBAAS,UAAA;AAAA,kBAAY,CAAA,CAC9B;AAAA;cACS,CAAA;AAAA,cAClB,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,cACV,gBAAA,EAAC,GAAD;AAAA,gBACE,IAAI;AAAA,kBACF,IAAI;AAAA,kBACJ,GAAG;AAAA,gBACL;AAAA,gBAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,kBAAM,gBAAgB;AAAA,kBACnB,UAAA,EAAO,IAAA,CAAK,EAAE,OAAA,GAAO,UAAA,EAAA,MACpB,gBAAA,EAAC,GAAD;AAAA,oBACE,cAAY;AAAA,oBACZ,SAAS;AAAA,oBAET,SAAA,MACE,EAAc;AAAA,sBAAE,MAAA;AAAA,sBAAM,UAAU;AAAA,sBAAO,WAAW;AAAA,sBAAO,UAAA;AAAA,oBAAS,CAAC;AAAA,oBAErE,IAAI;AAAA,sBACF,IAAI;AAAA,sBACJ,aAAa;AAAA,sBACb,gBAAgB;AAAA,wBACd,QAAQ;AAAA,wBACR,yBAAyB;AAAA,sBAC3B;AAAA,oBACF;AAAA,oBAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,sBAAM,OAAM;AAAA,sBAAY,SAAQ;AAAA,sBAC7B,UAAA;AAAA,oBACG,CAAA;AAAA,kBACQ,GAhBT,CAgBS,CACjB;AAAA,gBACG,CAAA;AAAA,cACU,CAAA;AAAA,YACT;AAAA,UA5DJ,GAAA,CA4DI;AAAA,QAEf,CAAC;AAAA,MACI,GAtEK,CAsEL;AAAA,IAEX,CAAC;AAAA,EACI,CAAA,CACO,EAAA,CAAA;AAEpB"}

package/dist/help/components/content/BottomImageContent.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BottomImageContent.es.js","names":[],"sources":["../../../../src/help/components/content/BottomImageContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport { useTheme } from '@mui/material/styles'\n\nimport { ImageContentProps } from '../../../core/types/Help'\n\nexport const BottomImageContent: React.FC<ImageContentProps> = ({\n altImage,\n content,\n hasDivider = true,\n image,\n imageLargeBreakPoint = 12,\n sx,\n}) => {\n const theme = useTheme()\n return (\n <React.Fragment>\n <Box sx={{ pb: 48, ...sx }}>\n <Grid container={true} rowSpacing={24}>\n <Grid size={12}>{content}</Grid>\n <Grid\n size={{ xs: 12, sm: 12, md: 12, lg: imageLargeBreakPoint }}\n sx={{\n m: '0 auto',\n [theme.breakpoints.between('sm', 'lg')]: {\n display: 'flex',\n justifyContent: 'center',\n },\n '& img': {\n width: '100%',\n maxWidth: 1176,\n [theme.breakpoints.between('sm', 'lg')]: {\n width: '75%',\n },\n },\n }}\n >\n <img alt={altImage} src={image} />\n </Grid>\n </Grid>\n </Box>\n {hasDivider && <Divider />}\n </React.Fragment>\n )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAmD,EAC9D,UAAA,GACA,SAAA,GACA,YAAA,IAAa,IACb,OAAA,GACA,sBAAA,IAAuB,IACvB,IAAA,EAAA,MACI;AACJ,QAAM,IAAQ,EAAS;AACvB,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,~~cACvB~~,gBAAA,EAAC,GAAD;AAAA,MAAM,WAAW;AAAA,MAAM,YAAY;AAAA,~~gBAAnC~~,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,~~kBAAK~~;AAAA,MAAc,CAAA,GAC/B,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,QAAqB;AAAA,QACzD,IAAI;AAAA,UACF,GAAG;AAAA,~~WACF~~,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI;AAAA,YACvC,SAAS;AAAA,YACT,gBAAgB;AAAA,UAClB;AAAA,UACA,SAAS;AAAA,YACP,OAAO;AAAA,YACP,UAAU;AAAA,~~aACT~~,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI,EACvC,OAAO,MACT;AAAA,UACF;AAAA,QACF;AAAA,~~kBAEA~~,gBAAA,EAAC,OAAD;AAAA,UAAK,KAAK;AAAA,UAAU,KAAK;AAAA,QAAQ,CAAA;AAAA,MAC7B,CAAA,CACF;AAAA;EACH,CAAA,GACJ,KAAc,gBAAA,EAAC,GAAD,CAAU,CAAA,CACX,EAAA,CAAA;AAEpB"}
1	+ {"version":3,"file":"BottomImageContent.es.js","names":[],"sources":["../../../../src/help/components/content/BottomImageContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport { useTheme } from '@mui/material/styles'\n\nimport { ImageContentProps } from '../../../core/types/Help'\n\nexport const BottomImageContent: React.FC<ImageContentProps> = ({\n altImage,\n content,\n hasDivider = true,\n image,\n imageLargeBreakPoint = 12,\n sx,\n}) => {\n const theme = useTheme()\n return (\n <React.Fragment>\n <Box sx={{ pb: 48, ...sx }}>\n <Grid container={true} rowSpacing={24}>\n <Grid size={12}>{content}</Grid>\n <Grid\n size={{ xs: 12, sm: 12, md: 12, lg: imageLargeBreakPoint }}\n sx={{\n m: '0 auto',\n [theme.breakpoints.between('sm', 'lg')]: {\n display: 'flex',\n justifyContent: 'center',\n },\n '& img': {\n width: '100%',\n maxWidth: 1176,\n [theme.breakpoints.between('sm', 'lg')]: {\n width: '75%',\n },\n },\n }}\n >\n <img alt={altImage} src={image} />\n </Grid>\n </Grid>\n </Box>\n {hasDivider && <Divider />}\n </React.Fragment>\n )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAmD,EAC9D,UAAA,GACA,SAAA,GACA,YAAA,IAAa,IACb,OAAA,GACA,sBAAA,IAAuB,IACvB,IAAA,EAAA,MACI;AACJ,QAAM,IAAQ,EAAS;AACvB,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,IACvB,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAM,WAAW;AAAA,MAAM,YAAY;AAAA,MAAnC,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAK,UAAA;AAAA,MAAc,CAAA,GAC/B,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,QAAqB;AAAA,QACzD,IAAI;AAAA,UACF,GAAG;AAAA,UACF,CAAA,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI;AAAA,YACvC,SAAS;AAAA,YACT,gBAAgB;AAAA,UAClB;AAAA,UACA,SAAS;AAAA,YACP,OAAO;AAAA,YACP,UAAU;AAAA,YACT,CAAA,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI,EACvC,OAAO,MACT;AAAA,UACF;AAAA,QACF;AAAA,QAEA,UAAA,gBAAA,EAAC,OAAD;AAAA,UAAK,KAAK;AAAA,UAAU,KAAK;AAAA,QAAQ,CAAA;AAAA,MAC7B,CAAA,CACF;AAAA;EACH,CAAA,GACJ,KAAc,gBAAA,EAAC,GAAD,CAAU,CAAA,CACX,EAAA,CAAA;AAEpB"}

package/dist/help/components/content/ContentItem.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentItem.es.js","names":[],"sources":["../../../../src/help/components/content/ContentItem.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport { H3, P } from '@mxenabled/mxui'\n\nimport { ListProps, SectionTitleProps, TextProps } from '../../../core/types/Help'\n\nexport const Text: React.FC<TextProps> = ({ content, sx }) => (\n <P sx={{ lineHeight: '24px', py: 6, ...sx }}>{content}</P>\n)\n\nexport const SectionTitle: React.FC<SectionTitleProps> = ({ content, sx }) => (\n <H3 color=\"text.primary\" sx={{ py: 12, whiteSpace: { sm: 'nowrap' }, ...sx }}>\n {content}\n </H3>\n)\n\nexport const List: React.FC<ListProps> = ({\n items,\n listType = 'ul',\n subItemPlacement,\n subItems = [],\n subListType = 'ol',\n}) => {\n const Element = listType\n const SubElement = subListType\n\n return (\n <Box sx={{ [listType]: { m: 0, p: 0, pl: 16, '& li::marker': { fontSize: 15 } } }}>\n <Element>\n {items.map((elm, i) => (\n <li key={i}>\n <Text content={elm} sx={{ py: 1 }} />\n {subItemPlacement === i ? (\n <SubElement {...(subListType === 'ol' && { type: 'a' })}>\n {subItems.map((subElm, index) => (\n <li key={index}>\n <Text content={subElm} sx={{ py: 1 }} />\n </li>\n ))}\n </SubElement>\n ) : null}\n </li>\n ))}\n </Element>\n </Box>\n )\n}\n"],"mappings":";;;AAKA,IAAa,IAAA,CAA6B,EAAE,SAAA,GAAS,IAAA,EAAA,MACnD,gBAAA,EAAC,GAAD;AAAA,EAAG,IAAI;AAAA,IAAE,YAAY;AAAA,IAAQ,IAAI;AAAA,IAAG,GAAG;AAAA,EAAG;AAAA,~~YAAI~~;AAAW,CAAA,GAG9C,IAAA,CAA6C,EAAE,SAAA,GAAS,IAAA,EAAA,MACnE,gBAAA,EAAC,GAAD;AAAA,EAAI,OAAM;AAAA,EAAe,IAAI;AAAA,IAAE,IAAI;AAAA,IAAI,YAAY,EAAE,IAAI,SAAS;AAAA,IAAG,GAAG;AAAA,EAAG;AAAA,~~YACxE~~;AACC,CAAA,GAGO,IAAA,CAA6B,EACxC,OAAA,GACA,UAAA,IAAW,MACX,kBAAA,GACA,UAAA,IAAW,CAAC,GACZ,aAAA,IAAc,KAAA,MACV;AACJ,QAAM,IAAU,GACV,IAAa;AAEnB,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI,EAAA,CAAG,CAAA,GAAW;AAAA,MAAE,GAAG;AAAA,MAAG,GAAG;AAAA,MAAG,IAAI;AAAA,MAAI,gBAAgB,EAAE,UAAU,GAAG;AAAA,IAAE,EAAE;AAAA,~~cAC9E~~,gBAAA,EAAC,GAAD,EAAA,UACG,EAAM,IAAA,CAAK,GAAK,MACf,gBAAA,EAAC,MAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAM,SAAS;AAAA,MAAK,IAAI,EAAE,IAAI,EAAE;AAAA,IAAI,CAAA,GACnC,MAAqB,IACpB,gBAAA,EAAC,GAAD;AAAA,MAAY,GAAK,MAAgB,QAAQ,EAAE,MAAM,IAAI;AAAA,~~gBAClD~~,EAAS,IAAA,CAAK,GAAQ,MACrB,gBAAA,EAAC,MAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAS;AAAA,QAAQ,IAAI,EAAE,IAAI,EAAE;AAAA,MAAI,CAAA,EACrC,GAFK,CAEL,CACL;AAAA,IACS,CAAA,IACV,IACF,EAAA,GAXK,CAWL,CACL,EACM,CAAA;AAAA,EACN,CAAA;AAET"}
1	+ {"version":3,"file":"ContentItem.es.js","names":[],"sources":["../../../../src/help/components/content/ContentItem.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport { H3, P } from '@mxenabled/mxui'\n\nimport { ListProps, SectionTitleProps, TextProps } from '../../../core/types/Help'\n\nexport const Text: React.FC<TextProps> = ({ content, sx }) => (\n <P sx={{ lineHeight: '24px', py: 6, ...sx }}>{content}</P>\n)\n\nexport const SectionTitle: React.FC<SectionTitleProps> = ({ content, sx }) => (\n <H3 color=\"text.primary\" sx={{ py: 12, whiteSpace: { sm: 'nowrap' }, ...sx }}>\n {content}\n </H3>\n)\n\nexport const List: React.FC<ListProps> = ({\n items,\n listType = 'ul',\n subItemPlacement,\n subItems = [],\n subListType = 'ol',\n}) => {\n const Element = listType\n const SubElement = subListType\n\n return (\n <Box sx={{ [listType]: { m: 0, p: 0, pl: 16, '& li::marker': { fontSize: 15 } } }}>\n <Element>\n {items.map((elm, i) => (\n <li key={i}>\n <Text content={elm} sx={{ py: 1 }} />\n {subItemPlacement === i ? (\n <SubElement {...(subListType === 'ol' && { type: 'a' })}>\n {subItems.map((subElm, index) => (\n <li key={index}>\n <Text content={subElm} sx={{ py: 1 }} />\n </li>\n ))}\n </SubElement>\n ) : null}\n </li>\n ))}\n </Element>\n </Box>\n )\n}\n"],"mappings":";;;AAKA,IAAa,IAAA,CAA6B,EAAE,SAAA,GAAS,IAAA,EAAA,MACnD,gBAAA,EAAC,GAAD;AAAA,EAAG,IAAI;AAAA,IAAE,YAAY;AAAA,IAAQ,IAAI;AAAA,IAAG,GAAG;AAAA,EAAG;AAAA,EAAI,UAAA;AAAW,CAAA,GAG9C,IAAA,CAA6C,EAAE,SAAA,GAAS,IAAA,EAAA,MACnE,gBAAA,EAAC,GAAD;AAAA,EAAI,OAAM;AAAA,EAAe,IAAI;AAAA,IAAE,IAAI;AAAA,IAAI,YAAY,EAAE,IAAI,SAAS;AAAA,IAAG,GAAG;AAAA,EAAG;AAAA,EACxE,UAAA;AACC,CAAA,GAGO,IAAA,CAA6B,EACxC,OAAA,GACA,UAAA,IAAW,MACX,kBAAA,GACA,UAAA,IAAW,CAAC,GACZ,aAAA,IAAc,KAAA,MACV;AACJ,QAAM,IAAU,GACV,IAAa;AAEnB,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI,EAAA,CAAG,CAAA,GAAW;AAAA,MAAE,GAAG;AAAA,MAAG,GAAG;AAAA,MAAG,IAAI;AAAA,MAAI,gBAAgB,EAAE,UAAU,GAAG;AAAA,IAAE,EAAE;AAAA,IAC9E,UAAA,gBAAA,EAAC,GAAD,EAAA,UACG,EAAM,IAAA,CAAK,GAAK,MACf,gBAAA,EAAC,MAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAM,SAAS;AAAA,MAAK,IAAI,EAAE,IAAI,EAAE;AAAA,IAAI,CAAA,GACnC,MAAqB,IACpB,gBAAA,EAAC,GAAD;AAAA,MAAY,GAAK,MAAgB,QAAQ,EAAE,MAAM,IAAI;AAAA,MAClD,UAAA,EAAS,IAAA,CAAK,GAAQ,MACrB,gBAAA,EAAC,MAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAS;AAAA,QAAQ,IAAI,EAAE,IAAI,EAAE;AAAA,MAAI,CAAA,EACrC,GAFK,CAEL,CACL;AAAA,IACS,CAAA,IACV,IACF,EAAA,GAXK,CAWL,CACL,EACM,CAAA;AAAA,EACN,CAAA;AAET"}

package/dist/help/components/content/Header.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.es.js","names":[],"sources":["../../../../src/help/components/content/Header.tsx"],"sourcesContent":["import React from 'react'\n\nimport Breadcrumbs from '@mui/material/Breadcrumbs'\nimport Button from '@mui/material/Button'\nimport Grid from '@mui/material/Grid'\nimport { H2, H3, Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\n\ninterface HeaderProps {\n buttonCopy: string\n hasRequestButton?: boolean\n onNavigateToList: () => void\n onRequestSupport: () => void\n title: string\n topicTitle: string\n}\n\nexport const Header: React.FC<HeaderProps> = ({\n buttonCopy,\n hasRequestButton,\n onNavigateToList,\n onRequestSupport,\n title,\n topicTitle,\n}) => {\n const { help: helpCopy } = useGlobalCopyStore()\n return (\n <React.Fragment>\n <Grid container={true} sx={{ alignItems: 'center', justifyContent: 'space-between' }}>\n <Grid size={{ xs: 12, sm: 6 }}>\n <H3 color=\"text.primary\">{title}</H3>\n <Breadcrumbs\n separator={\n <Text bold={true} color=\"grey.600\" sx={{ fontWeight: 700 }} variant=\"body2\">\n /\n </Text>\n }\n >\n <Text\n bold={true}\n color=\"primary.main\"\n onClick={onNavigateToList}\n sx={{ cursor: 'pointer', fontWeight: 700 }}\n variant=\"body2\"\n >\n {helpCopy.list_title}\n </Text>\n <Text bold={true} color=\"text.secondary\" sx={{ fontWeight: 700 }} variant=\"body2\">\n {topicTitle}\n </Text>\n </Breadcrumbs>\n </Grid>\n {hasRequestButton && (\n <Grid\n size={{ xs: 12, sm: 6 }}\n sx={{\n display: 'flex',\n justifyContent: { sm: 'flex-end' },\n mt: { xs: 24, sm: 0 },\n }}\n >\n <Button aria-label={buttonCopy} onClick={onRequestSupport} variant=\"contained\">\n {buttonCopy}\n </Button>\n </Grid>\n )}\n </Grid>\n <H2 color=\"text.primary\" sx={{ mt: 24, whiteSpace: { sm: 'nowrap' } }}>\n {topicTitle}\n </H2>\n </React.Fragment>\n )\n}\n"],"mappings":";;;;;;;AAkBA,IAAa,IAAA,CAAiC,EAC5C,YAAA,GACA,kBAAA,GACA,kBAAA,GACA,kBAAA,GACA,OAAA,GACA,YAAA,EAAA,MACI;AACJ,QAAM,EAAE,MAAM,EAAA,IAAa,EAAmB;AAC9C,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAM,WAAW;AAAA,IAAM,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,gBAAgB;AAAA,IAAgB;AAAA,~~cAAnF~~,CACE,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAE;AAAA,~~gBAA5B~~,CACE,gBAAA,EAAC,GAAD;AAAA,QAAI,OAAM;AAAA,~~kBAAgB~~;AAAA,MAAU,CAAA,GACpC,gBAAA,EAAC,GAAD;AAAA,QACE,WACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,OAAM;AAAA,UAAW,IAAI,EAAE,YAAY,IAAI;AAAA,UAAG,SAAQ;AAAA,~~oBAAQ~~;AAAA,QAEtE,CAAA;AAAA,~~kBAJV~~,CAOE,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,OAAM;AAAA,UACN,SAAS;AAAA,UACT,IAAI;AAAA,YAAE,QAAQ;AAAA,YAAW,YAAY;AAAA,UAAI;AAAA,UACzC,SAAQ;AAAA,~~oBAEP~~,EAAS;AAAA,QACN,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,OAAM;AAAA,UAAiB,IAAI,EAAE,YAAY,IAAI;AAAA,UAAG,SAAQ;AAAA,~~oBACvE~~;AAAA,QACG,CAAA,CACK;AAAA,~~QACT~~;AAAA,~~QACL~~,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAE;AAAA,MACtB,IAAI;AAAA,QACF,SAAS;AAAA,QACT,gBAAgB,EAAE,IAAI,WAAW;AAAA,QACjC,IAAI;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,QAAE;AAAA,MACtB;AAAA,~~gBAEA~~,gBAAA,EAAC,GAAD;AAAA,QAAQ,cAAY;AAAA,QAAY,SAAS;AAAA,QAAkB,SAAQ;AAAA,~~kBAChE~~;AAAA,MACK,CAAA;AAAA,IACJ,CAAA,CAEJ;AAAA,~~MACN~~,gBAAA,EAAC,GAAD;AAAA,IAAI,OAAM;AAAA,IAAe,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,YAAY,EAAE,IAAI,SAAS;AAAA,IAAE;AAAA,~~cACjE~~;AAAA,EACC,CAAA,CACU,EAAA,CAAA;AAEpB"}
1	+ {"version":3,"file":"Header.es.js","names":[],"sources":["../../../../src/help/components/content/Header.tsx"],"sourcesContent":["import React from 'react'\n\nimport Breadcrumbs from '@mui/material/Breadcrumbs'\nimport Button from '@mui/material/Button'\nimport Grid from '@mui/material/Grid'\nimport { H2, H3, Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\n\ninterface HeaderProps {\n buttonCopy: string\n hasRequestButton?: boolean\n onNavigateToList: () => void\n onRequestSupport: () => void\n title: string\n topicTitle: string\n}\n\nexport const Header: React.FC<HeaderProps> = ({\n buttonCopy,\n hasRequestButton,\n onNavigateToList,\n onRequestSupport,\n title,\n topicTitle,\n}) => {\n const { help: helpCopy } = useGlobalCopyStore()\n return (\n <React.Fragment>\n <Grid container={true} sx={{ alignItems: 'center', justifyContent: 'space-between' }}>\n <Grid size={{ xs: 12, sm: 6 }}>\n <H3 color=\"text.primary\">{title}</H3>\n <Breadcrumbs\n separator={\n <Text bold={true} color=\"grey.600\" sx={{ fontWeight: 700 }} variant=\"body2\">\n /\n </Text>\n }\n >\n <Text\n bold={true}\n color=\"primary.main\"\n onClick={onNavigateToList}\n sx={{ cursor: 'pointer', fontWeight: 700 }}\n variant=\"body2\"\n >\n {helpCopy.list_title}\n </Text>\n <Text bold={true} color=\"text.secondary\" sx={{ fontWeight: 700 }} variant=\"body2\">\n {topicTitle}\n </Text>\n </Breadcrumbs>\n </Grid>\n {hasRequestButton && (\n <Grid\n size={{ xs: 12, sm: 6 }}\n sx={{\n display: 'flex',\n justifyContent: { sm: 'flex-end' },\n mt: { xs: 24, sm: 0 },\n }}\n >\n <Button aria-label={buttonCopy} onClick={onRequestSupport} variant=\"contained\">\n {buttonCopy}\n </Button>\n </Grid>\n )}\n </Grid>\n <H2 color=\"text.primary\" sx={{ mt: 24, whiteSpace: { sm: 'nowrap' } }}>\n {topicTitle}\n </H2>\n </React.Fragment>\n )\n}\n"],"mappings":";;;;;;;AAkBA,IAAa,IAAA,CAAiC,EAC5C,YAAA,GACA,kBAAA,GACA,kBAAA,GACA,kBAAA,GACA,OAAA,GACA,YAAA,EAAA,MACI;AACJ,QAAM,EAAE,MAAM,EAAA,IAAa,EAAmB;AAC9C,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAM,WAAW;AAAA,IAAM,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,gBAAgB;AAAA,IAAgB;AAAA,IAAnF,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAE;AAAA,MAA5B,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAI,OAAM;AAAA,QAAgB,UAAA;AAAA,MAAU,CAAA,GACpC,gBAAA,EAAC,GAAD;AAAA,QACE,WACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,OAAM;AAAA,UAAW,IAAI,EAAE,YAAY,IAAI;AAAA,UAAG,SAAQ;AAAA,UAAQ,UAAA;AAAA,QAEtE,CAAA;AAAA,QAJV,UAAA,CAOE,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,OAAM;AAAA,UACN,SAAS;AAAA,UACT,IAAI;AAAA,YAAE,QAAQ;AAAA,YAAW,YAAY;AAAA,UAAI;AAAA,UACzC,SAAQ;AAAA,UAEP,UAAA,EAAS;AAAA,QACN,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,OAAM;AAAA,UAAiB,IAAI,EAAE,YAAY,IAAI;AAAA,UAAG,SAAQ;AAAA,UACvE,UAAA;AAAA,QACG,CAAA,CACK;AAAA,MACT,CAAA,CAAA;AAAA,IACL,CAAA,GAAA,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAE;AAAA,MACtB,IAAI;AAAA,QACF,SAAS;AAAA,QACT,gBAAgB,EAAE,IAAI,WAAW;AAAA,QACjC,IAAI;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,QAAE;AAAA,MACtB;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAQ,cAAY;AAAA,QAAY,SAAS;AAAA,QAAkB,SAAQ;AAAA,QAChE,UAAA;AAAA,MACK,CAAA;AAAA,IACJ,CAAA,CAEJ;AAAA,EACN,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,IAAI,OAAM;AAAA,IAAe,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,YAAY,EAAE,IAAI,SAAS;AAAA,IAAE;AAAA,IACjE,UAAA;AAAA,EACC,CAAA,CACU,EAAA,CAAA;AAEpB"}

package/dist/help/components/content/LeftImageContent.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LeftImageContent.es.js","names":[],"sources":["../../../../src/help/components/content/LeftImageContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport { useTheme } from '@mui/material/styles'\n\nimport { ImageContentProps } from '../../../core/types/Help'\n\nexport const LeftImageContent: React.FC<ImageContentProps> = ({\n altImage,\n content,\n hasDivider = true,\n image,\n imageLargeBreakPoint = 4,\n sx,\n}) => {\n const theme = useTheme()\n return (\n <React.Fragment>\n <Box sx={{ pb: 48, ...sx }}>\n <Grid container={true} spacing={24} sx={{ alignItems: 'flex-start' }}>\n <Grid\n size={{ xs: 12, sm: 12, md: 12, lg: imageLargeBreakPoint }}\n sx={{\n alignSelf: 'stretch',\n [theme.breakpoints.between('sm', 'lg')]: {\n display: 'flex',\n justifyContent: 'center',\n },\n '& img': {\n height: '100%',\n width: '100%',\n [theme.breakpoints.between('sm', 'lg')]: {\n width: '75%',\n },\n },\n }}\n >\n <img alt={altImage} src={image} />\n </Grid>\n <Grid size={{ xs: 12, sm: 12, md: 12, lg: 12 - imageLargeBreakPoint }}>{content}</Grid>\n </Grid>\n </Box>\n {hasDivider && <Divider />}\n </React.Fragment>\n )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAiD,EAC5D,UAAA,GACA,SAAA,GACA,YAAA,IAAa,IACb,OAAA,GACA,sBAAA,IAAuB,GACvB,IAAA,EAAA,MACI;AACJ,QAAM,IAAQ,EAAS;AACvB,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,~~cACvB~~,gBAAA,EAAC,GAAD;AAAA,MAAM,WAAW;AAAA,MAAM,SAAS;AAAA,MAAI,IAAI,EAAE,YAAY,aAAa;AAAA,~~gBAAnE~~,CACE,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,QAAqB;AAAA,QACzD,IAAI;AAAA,UACF,WAAW;AAAA,~~WACV~~,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI;AAAA,YACvC,SAAS;AAAA,YACT,gBAAgB;AAAA,UAClB;AAAA,UACA,SAAS;AAAA,YACP,QAAQ;AAAA,YACR,OAAO;AAAA,~~aACN~~,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI,EACvC,OAAO,MACT;AAAA,UACF;AAAA,QACF;AAAA,~~kBAEA~~,gBAAA,EAAC,OAAD;AAAA,UAAK,KAAK;AAAA,UAAU,KAAK;AAAA,QAAQ,CAAA;AAAA,MAC7B,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI,KAAK;AAAA,QAAqB;AAAA,~~kBAAI~~;AAAA,MAAc,CAAA,CAClF;AAAA;EACH,CAAA,GACJ,KAAc,gBAAA,EAAC,GAAD,CAAU,CAAA,CACX,EAAA,CAAA;AAEpB"}
1	+ {"version":3,"file":"LeftImageContent.es.js","names":[],"sources":["../../../../src/help/components/content/LeftImageContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport { useTheme } from '@mui/material/styles'\n\nimport { ImageContentProps } from '../../../core/types/Help'\n\nexport const LeftImageContent: React.FC<ImageContentProps> = ({\n altImage,\n content,\n hasDivider = true,\n image,\n imageLargeBreakPoint = 4,\n sx,\n}) => {\n const theme = useTheme()\n return (\n <React.Fragment>\n <Box sx={{ pb: 48, ...sx }}>\n <Grid container={true} spacing={24} sx={{ alignItems: 'flex-start' }}>\n <Grid\n size={{ xs: 12, sm: 12, md: 12, lg: imageLargeBreakPoint }}\n sx={{\n alignSelf: 'stretch',\n [theme.breakpoints.between('sm', 'lg')]: {\n display: 'flex',\n justifyContent: 'center',\n },\n '& img': {\n height: '100%',\n width: '100%',\n [theme.breakpoints.between('sm', 'lg')]: {\n width: '75%',\n },\n },\n }}\n >\n <img alt={altImage} src={image} />\n </Grid>\n <Grid size={{ xs: 12, sm: 12, md: 12, lg: 12 - imageLargeBreakPoint }}>{content}</Grid>\n </Grid>\n </Box>\n {hasDivider && <Divider />}\n </React.Fragment>\n )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAiD,EAC5D,UAAA,GACA,SAAA,GACA,YAAA,IAAa,IACb,OAAA,GACA,sBAAA,IAAuB,GACvB,IAAA,EAAA,MACI;AACJ,QAAM,IAAQ,EAAS;AACvB,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,IACvB,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAM,WAAW;AAAA,MAAM,SAAS;AAAA,MAAI,IAAI,EAAE,YAAY,aAAa;AAAA,MAAnE,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,QAAqB;AAAA,QACzD,IAAI;AAAA,UACF,WAAW;AAAA,UACV,CAAA,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI;AAAA,YACvC,SAAS;AAAA,YACT,gBAAgB;AAAA,UAClB;AAAA,UACA,SAAS;AAAA,YACP,QAAQ;AAAA,YACR,OAAO;AAAA,YACN,CAAA,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI,EACvC,OAAO,MACT;AAAA,UACF;AAAA,QACF;AAAA,QAEA,UAAA,gBAAA,EAAC,OAAD;AAAA,UAAK,KAAK;AAAA,UAAU,KAAK;AAAA,QAAQ,CAAA;AAAA,MAC7B,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI,KAAK;AAAA,QAAqB;AAAA,QAAI,UAAA;AAAA,MAAc,CAAA,CAClF;AAAA;EACH,CAAA,GACJ,KAAc,gBAAA,EAAC,GAAD,CAAU,CAAA,CACX,EAAA,CAAA;AAEpB"}

package/dist/help/components/content/NoImageContent.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NoImageContent.es.js","names":[],"sources":["../../../../src/help/components/content/NoImageContent.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\n\nimport { NoImageContentProps } from '../../../core/types/Help'\n\nexport const NoImageContent: React.FC<NoImageContentProps> = ({\n content,\n hasDivider = true,\n sx,\n}) => {\n return (\n <>\n <Box sx={{ pb: 48, ...sx }}>{content}</Box>\n {hasDivider && <Divider />}\n </>\n )\n}\n"],"mappings":";;;AAKA,IAAa,IAAA,CAAiD,EAC5D,SAAA,GACA,YAAA,IAAa,IACb,IAAA,EAAA,MAGE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,EAAK,IAAI;AAAA,IAAE,IAAI;AAAA,IAAI,GAAG;AAAA,EAAG;AAAA,~~YAAI~~;AAAa,CAAA,GACzC,KAAc,gBAAA,EAAC,GAAD,CAAU,CAAA,CACzB,EAAA,CAAA"}
1	+ {"version":3,"file":"NoImageContent.es.js","names":[],"sources":["../../../../src/help/components/content/NoImageContent.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\n\nimport { NoImageContentProps } from '../../../core/types/Help'\n\nexport const NoImageContent: React.FC<NoImageContentProps> = ({\n content,\n hasDivider = true,\n sx,\n}) => {\n return (\n <>\n <Box sx={{ pb: 48, ...sx }}>{content}</Box>\n {hasDivider && <Divider />}\n </>\n )\n}\n"],"mappings":";;;AAKA,IAAa,IAAA,CAAiD,EAC5D,SAAA,GACA,YAAA,IAAa,IACb,IAAA,EAAA,MAGE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,EAAK,IAAI;AAAA,IAAE,IAAI;AAAA,IAAI,GAAG;AAAA,EAAG;AAAA,EAAI,UAAA;AAAa,CAAA,GACzC,KAAc,gBAAA,EAAC,GAAD,CAAU,CAAA,CACzB,EAAA,CAAA"}

package/dist/help/components/content/RightImageContent.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightImageContent.es.js","names":[],"sources":["../../../../src/help/components/content/RightImageContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport { useTheme } from '@mui/material/styles'\n\nimport { ImageContentProps } from '../../../core/types/Help'\n\nexport const RightImageContent: React.FC<ImageContentProps> = ({\n altImage,\n content,\n hasDivider = true,\n image,\n imageLargeBreakPoint = 4,\n sx,\n}) => {\n const theme = useTheme()\n return (\n <React.Fragment>\n <Box sx={{ pb: 48, ...sx }}>\n <Grid container={true} spacing={24} sx={{ alignItems: 'flex-start' }}>\n <Grid size={{ xs: 12, sm: 12, md: 12, lg: 12 - imageLargeBreakPoint }}>{content}</Grid>\n <Grid\n size={{ xs: 12, sm: 12, md: 12, lg: imageLargeBreakPoint }}\n sx={{\n [theme.breakpoints.between('sm', 'lg')]: {\n display: 'flex',\n justifyContent: 'center',\n },\n '& img': {\n width: '100%',\n [theme.breakpoints.between('sm', 'lg')]: {\n width: '75%',\n },\n },\n }}\n >\n <img alt={altImage} src={image} />\n </Grid>\n </Grid>\n </Box>\n {hasDivider && <Divider />}\n </React.Fragment>\n )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAkD,EAC7D,UAAA,GACA,SAAA,GACA,YAAA,IAAa,IACb,OAAA,GACA,sBAAA,IAAuB,GACvB,IAAA,EAAA,MACI;AACJ,QAAM,IAAQ,EAAS;AACvB,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,~~cACvB~~,gBAAA,EAAC,GAAD;AAAA,MAAM,WAAW;AAAA,MAAM,SAAS;AAAA,MAAI,IAAI,EAAE,YAAY,aAAa;AAAA,~~gBAAnE~~,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI,KAAK;AAAA,QAAqB;AAAA,~~kBAAI~~;AAAA,MAAc,CAAA,GACtF,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,QAAqB;AAAA,QACzD,IAAI;AAAA,~~WACD~~,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI;AAAA,YACvC,SAAS;AAAA,YACT,gBAAgB;AAAA,UAClB;AAAA,UACA,SAAS;AAAA,YACP,OAAO;AAAA,~~aACN~~,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI,EACvC,OAAO,MACT;AAAA,UACF;AAAA,QACF;AAAA,~~kBAEA~~,gBAAA,EAAC,OAAD;AAAA,UAAK,KAAK;AAAA,UAAU,KAAK;AAAA,QAAQ,CAAA;AAAA,MAC7B,CAAA,CACF;AAAA;EACH,CAAA,GACJ,KAAc,gBAAA,EAAC,GAAD,CAAU,CAAA,CACX,EAAA,CAAA;AAEpB"}
1	+ {"version":3,"file":"RightImageContent.es.js","names":[],"sources":["../../../../src/help/components/content/RightImageContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport { useTheme } from '@mui/material/styles'\n\nimport { ImageContentProps } from '../../../core/types/Help'\n\nexport const RightImageContent: React.FC<ImageContentProps> = ({\n altImage,\n content,\n hasDivider = true,\n image,\n imageLargeBreakPoint = 4,\n sx,\n}) => {\n const theme = useTheme()\n return (\n <React.Fragment>\n <Box sx={{ pb: 48, ...sx }}>\n <Grid container={true} spacing={24} sx={{ alignItems: 'flex-start' }}>\n <Grid size={{ xs: 12, sm: 12, md: 12, lg: 12 - imageLargeBreakPoint }}>{content}</Grid>\n <Grid\n size={{ xs: 12, sm: 12, md: 12, lg: imageLargeBreakPoint }}\n sx={{\n [theme.breakpoints.between('sm', 'lg')]: {\n display: 'flex',\n justifyContent: 'center',\n },\n '& img': {\n width: '100%',\n [theme.breakpoints.between('sm', 'lg')]: {\n width: '75%',\n },\n },\n }}\n >\n <img alt={altImage} src={image} />\n </Grid>\n </Grid>\n </Box>\n {hasDivider && <Divider />}\n </React.Fragment>\n )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAkD,EAC7D,UAAA,GACA,SAAA,GACA,YAAA,IAAa,IACb,OAAA,GACA,sBAAA,IAAuB,GACvB,IAAA,EAAA,MACI;AACJ,QAAM,IAAQ,EAAS;AACvB,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,IACvB,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAM,WAAW;AAAA,MAAM,SAAS;AAAA,MAAI,IAAI,EAAE,YAAY,aAAa;AAAA,MAAnE,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI,KAAK;AAAA,QAAqB;AAAA,QAAI,UAAA;AAAA,MAAc,CAAA,GACtF,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,QAAqB;AAAA,QACzD,IAAI;AAAA,UACD,CAAA,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI;AAAA,YACvC,SAAS;AAAA,YACT,gBAAgB;AAAA,UAClB;AAAA,UACA,SAAS;AAAA,YACP,OAAO;AAAA,YACN,CAAA,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI,EACvC,OAAO,MACT;AAAA,UACF;AAAA,QACF;AAAA,QAEA,UAAA,gBAAA,EAAC,OAAD;AAAA,UAAK,KAAK;AAAA,UAAU,KAAK;AAAA,QAAQ,CAAA;AAAA,MAC7B,CAAA,CACF;AAAA;EACH,CAAA,GACJ,KAAc,gBAAA,EAAC,GAAD,CAAU,CAAA,CACX,EAAA,CAAA;AAEpB"}