@citizenplatform/core 1.0.5 → 1.0.6

package/dist/index1083.js

@@ -0,0 +1,86 @@
+import e from "./index1010.js";
+import t from "./index1012.js";
+import n from "./index1014.js";
+import r from "./index1016.js";
+import i from "./index1017.js";
+import a from "./index1073.js";
+import o from "./index1075.js";
+import s from "./index1082.js";
+import c from "react";
+import { Stack as l } from "@mui/material";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+var p = c.memo((c) => {
+	let { organizationInfoState: p, onChangeField: m, parentSliceName: h, organizationOptions: g, onOrganizationSelected: _, onOrganizationNameInput: v, filterOrganizationOptions: y } = s(c), { fieldsName: b, defaultsRules: x, submitJson: S, fieldError: C, isValidJson: w } = p, { organizationName: T, organizationPhone: E, organizationEmail: D } = b, O = c.isViewMode;
+	return /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d(r, {
+			size: {
+				xl: 8,
+				lg: 8,
+				md: 6,
+				sm: 12,
+				xs: 12
+			},
+			children: /* @__PURE__ */ d(e, {
+				freeSolo: !0,
+				isDefault: !1,
+				id: T,
+				label: x[T].label,
+				validation: x[T],
+				fieldvalue: S[T] ?? "",
+				inputValue: S[T] ?? "",
+				onChange: _,
+				onInputChange: v,
+				helperText: C[T],
+				error: w[T] === !1,
+				disabled: c.isViewMode,
+				options: g,
+				selectoptionindexkey: T,
+				selectoptiontitlekey: T,
+				filterOptions: y,
+				placeholder: ""
+			})
+		}), /* @__PURE__ */ d(r, {
+			size: {
+				xl: 4,
+				lg: 4,
+				md: 6,
+				sm: 12,
+				xs: 12
+			},
+			children: /* @__PURE__ */ d(a, {
+				rootSliceName: c.rootSliceName,
+				parentSliceName: h,
+				isMobileVerifyRequired: !1,
+				isViewMode: O,
+				showVerifiedButton: !1
+			})
+		})] }),
+		/* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d(r, { children: /* @__PURE__ */ d(n, {
+			id: E,
+			label: x[E]?.label,
+			value: S[E] ?? "",
+			disabled: O,
+			error: w[E] === !1,
+			helperText: C[E],
+			onChange: (e) => m(E, e.target.value)
+		}) }), /* @__PURE__ */ d(r, { children: /* @__PURE__ */ d(n, {
+			id: D,
+			label: x[D]?.label,
+			value: S[D] ?? "",
+			disabled: O,
+			onChange: (e) => m(D, e.target.value),
+			error: w[D] === !1,
+			helperText: C[D]
+		}) })] }),
+		/* @__PURE__ */ d(i, { text: "strOrganizatingAddressInstitute" }),
+		/* @__PURE__ */ d(l, { children: /* @__PURE__ */ d(o, {
+			rootSliceName: c.rootSliceName,
+			parentSliceName: h,
+			isViewMode: O
+		}) })
+	] });
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=index1083.js.map

package/dist/index1083.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1083.js","names":[],"sources":["../src/libs/shared/components/orgnization/OrganizationInfo.tsx"],"sourcesContent":["import { Stack } from \"@mui/material\";\r\nimport MobileVerification from \"components/mobileVerification/MobileVerification\";\r\nimport SingleAddress from \"components/singleAddress/SingleAddress\";\r\nimport SelectInputField from \"libs/shared/UI/dropdown/SelectInputField\";\r\nimport GridContainer from \"libs/shared/UI/grid/GridContainer\";\r\nimport GridItem from \"libs/shared/UI/grid/GridItem\";\r\nimport CustomHeading from \"libs/shared/UI/heading/CustomHeading\";\r\nimport TextInputField from \"libs/shared/UI/textInput/TextInputField\";\r\nimport React from \"react\";\r\nimport type { OrganizationInfoControllerProps } from \"./organization.type\";\r\nimport useOrganizationInfoController from \"./useOrganizationInfoController\";\r\n\r\nconst OrganizationInfo = (props: OrganizationInfoControllerProps) => {\r\n  const {\r\n    organizationInfoState,\r\n    onChangeField,\r\n    parentSliceName,\r\n    organizationOptions,\r\n    onOrganizationSelected,\r\n    onOrganizationNameInput,\r\n    filterOrganizationOptions,\r\n  } = useOrganizationInfoController(props);\r\n\r\n  const {\r\n    fieldsName,\r\n    defaultsRules,\r\n    submitJson,\r\n    fieldError,\r\n    isValidJson,\r\n  } = organizationInfoState;\r\n\r\n  const {\r\n    organizationName,\r\n    organizationPhone,\r\n    organizationEmail,\r\n  } = fieldsName;\r\n\r\n  const isFieldDisabled = props.isViewMode;\r\n\r\n  return (\r\n    <>\r\n      <GridContainer>\r\n        <GridItem size={{ xl: 8, lg: 8, md: 6, sm: 12, xs: 12}}>\r\n          <SelectInputField\r\n            freeSolo\r\n            isDefault={false}\r\n            id={organizationName}\r\n            label={defaultsRules[organizationName].label}\r\n            validation={defaultsRules[organizationName]}\r\n            fieldvalue={submitJson[organizationName] ?? \"\"}\r\n            inputValue={submitJson[organizationName] ?? \"\"}\r\n            onChange={onOrganizationSelected}\r\n            onInputChange={onOrganizationNameInput}\r\n            helperText={fieldError[organizationName]}\r\n            error={isValidJson[organizationName] === false}\r\n            disabled={props.isViewMode}\r\n            options={organizationOptions}\r\n            selectoptionindexkey={organizationName}\r\n            selectoptiontitlekey={organizationName}\r\n            filterOptions={filterOrganizationOptions}\r\n            placeholder=\"\"\r\n          />\r\n        </GridItem>\r\n           <GridItem size={{  xl: 4, lg: 4, md: 6, sm: 12,xs: 12}}>\r\n          <MobileVerification\r\n            rootSliceName={props.rootSliceName}\r\n            parentSliceName={parentSliceName}\r\n            isMobileVerifyRequired={false}\r\n            isViewMode={isFieldDisabled}\r\n            showVerifiedButton={false}\r\n          />\r\n        </GridItem>\r\n      </GridContainer> \r\n\r\n      <GridContainer>\r\n        <GridItem>\r\n          <TextInputField\r\n            id={organizationPhone}\r\n            label={defaultsRules[organizationPhone]?.label}\r\n            value={submitJson[organizationPhone] ?? \"\"}\r\n            disabled={isFieldDisabled}\r\n            error={isValidJson[organizationPhone] === false}\r\n            helperText={fieldError[organizationPhone]}\r\n            onChange={(e:React.ChangeEvent<HTMLInputElement>) =>\r\n              onChangeField(organizationPhone, e.target.value)\r\n            }\r\n          />\r\n        </GridItem>\r\n        <GridItem>\r\n          <TextInputField\r\n          id={organizationEmail}\r\n            label={defaultsRules[organizationEmail]?.label}\r\n            value={submitJson[organizationEmail] ?? \"\"}\r\n            disabled={isFieldDisabled}\r\n            onChange={(e:React.ChangeEvent<HTMLInputElement>) => onChangeField(organizationEmail, e.target.value)}\r\n            error={isValidJson[organizationEmail] === false}\r\n            helperText={fieldError[organizationEmail]}\r\n          />\r\n        </GridItem>\r\n      </GridContainer>\r\n      <CustomHeading text=\"strOrganizatingAddressInstitute\" />\r\n      <Stack>\r\n        <SingleAddress\r\n          rootSliceName={props.rootSliceName}\r\n          parentSliceName={parentSliceName}\r\n          isViewMode={isFieldDisabled}\r\n        />\r\n      </Stack>\r\n    </>\r\n  );\r\n};\r\nexport default React.memo(OrganizationInfo);\r\n"],"mappings":";;;;;;;;;;;AA+GA,IAAA,IAAe,EAAM,MAnGK,MAA2C;CACnE,IAAM,EACJ,0BACA,kBACA,oBACA,wBACA,2BACA,4BACA,iCACE,EAA8B,CAAK,GAEjC,EACJ,eACA,kBACA,eACA,eACA,mBACE,GAEE,EACJ,qBACA,sBACA,yBACE,GAEE,IAAkB,EAAM;CAE9B,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAU,MAAM;IAAE,IAAI;IAAG,IAAI;IAAG,IAAI;IAAG,IAAI;IAAI,IAAI;GAAE;GACnD,UAAA,kBAAC,GAAD;IACE,UAAA;IACA,WAAW;IACX,IAAI;IACJ,OAAO,EAAc,EAAiB,CAAC;IACvC,YAAY,EAAc;IAC1B,YAAY,EAAW,MAAqB;IAC5C,YAAY,EAAW,MAAqB;IAC5C,UAAU;IACV,eAAe;IACf,YAAY,EAAW;IACvB,OAAO,EAAY,OAAsB;IACzC,UAAU,EAAM;IAChB,SAAS;IACT,sBAAsB;IACtB,sBAAsB;IACtB,eAAe;IACf,aAAY;GACb,CAAA;EACO,CAAA,GACP,kBAAC,GAAD;GAAU,MAAM;IAAG,IAAI;IAAG,IAAI;IAAG,IAAI;IAAG,IAAI;IAAG,IAAI;GAAE;GACtD,UAAA,kBAAC,GAAD;IACE,eAAe,EAAM;IACJ;IACjB,wBAAwB;IACxB,YAAY;IACZ,oBAAoB;GACrB,CAAA;EACO,CAAA,CACG,EAAA,CAAA;EAEf,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,IAAI;GACJ,OAAO,EAAc,EAAkB,EAAE;GACzC,OAAO,EAAW,MAAsB;GACxC,UAAU;GACV,OAAO,EAAY,OAAuB;GAC1C,YAAY,EAAW;GACvB,WAAW,MACT,EAAc,GAAmB,EAAE,OAAO,KAAK;EAElD,CAAA,EACO,CAAA,GACV,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACA,IAAI;GACF,OAAO,EAAc,EAAkB,EAAE;GACzC,OAAO,EAAW,MAAsB;GACxC,UAAU;GACV,WAAW,MAA0C,EAAc,GAAmB,EAAE,OAAO,KAAK;GACpG,OAAO,EAAY,OAAuB;GAC1C,YAAY,EAAW;EACxB,CAAA,EACO,CAAA,CACG,EAAA,CAAA;EACf,kBAAC,GAAD,EAAe,MAAK,kCAAmC,CAAA;EACvD,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,eAAe,EAAM;GACJ;GACjB,YAAY;EACb,CAAA,EACI,CAAA;CACP,EAAA,CAAA;AAEN,CAC0C"}

package/dist/index1084.js

@@ -0,0 +1,18 @@
+import { DTONames as e } from "./index8.js";
+import { getNestedValue as t } from "./index18.js";
+import n from "./index208.js";
+import r from "./index220.js";
+import { useSelector as i } from "react-redux";
+//#region src/libs/shared/components/personalInfo/personalDetailsController.ts
+function a(a) {
+	let o = r(e.PERSONAL_DETAILS, a.parentSliceName), s = n(a.rootSliceName, o);
+	return {
+		personalDetailsState: i((e) => t(e, o)),
+		parentSliceName: o,
+		handlers: s
+	};
+}
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=index1084.js.map

package/dist/index1084.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1084.js","names":[],"sources":["../src/libs/shared/components/personalInfo/personalDetailsController.ts"],"sourcesContent":["import { DTONames } from \"constants/dtoNames\";\r\nimport useOnChangeHandlers from \"hooks/useOnChangeHandlers\"; \r\nimport type { CommonProps } from \"libs/shared/types/common-types\";\r\nimport { useSelector } from \"react-redux\";\r\nimport type { RootState } from \"store/store\";\r\nimport { getNestedValue } from \"utils/commonFunctions\";\r\nimport type { PersonalDetailsDTOType } from \"./personalDetailsDto\";\r\nimport useParentSliceName from \"hooks/useParentSliceName\";\r\n\r\nexport default function usePersonalDetailsController(props: CommonProps) {\r\n  const parentSliceName = useParentSliceName(DTONames.PERSONAL_DETAILS, props.parentSliceName);\r\n\r\n  const handlers = useOnChangeHandlers(props.rootSliceName, parentSliceName);\r\n\r\n  const personalDetailsState = useSelector((state: RootState) =>\r\n    getNestedValue<PersonalDetailsDTOType>(state, parentSliceName),\r\n  );\r\n\r\n  return {\r\n    personalDetailsState,\r\n    parentSliceName,\r\n    handlers,\r\n  };\r\n}\r\n"],"mappings":";;;;;;AASA,SAAwB,EAA6B,GAAoB;CACvE,IAAM,IAAkB,EAAmB,EAAS,kBAAkB,EAAM,eAAe,GAErF,IAAW,EAAoB,EAAM,eAAe,CAAe;CAMzE,OAAO;EACL,sBAL2B,GAAa,MACxC,EAAuC,GAAO,CAAe,CAI7D;EACA;EACA;CACF;AACF"}

package/dist/index1085.js

@@ -0,0 +1,112 @@
+import { YES_NO_BOOL as e } from "./index3.js";
+import { DTONames as t } from "./index8.js";
+import { MasterCodeType as n } from "./index17.js";
+import { MASTER_API_END_POINT as r } from "./index23.js";
+import i from "./index1010.js";
+import a from "./index1012.js";
+import o from "./index1014.js";
+import s from "./index1016.js";
+import c from "./index1065.js";
+import l from "./index1073.js";
+import u from "./index1084.js";
+import { t as d } from "i18next";
+import { memo as f, useMemo as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/libs/shared/components/personalInfo/PersonalDetails.tsx
+var _ = f(function(f) {
+	let { personalDetailsState: _, parentSliceName: v, handlers: y } = u(f), { onTextChange: b, onMasterChange: x } = y, { submitJson: S, fieldsName: C, defaultsRules: w, fieldError: T, isValidJson: E } = _, { firstName: D, middleName: O, lastName: k, alias: A, emailID: j, relativeName: M, relationType: N, alternateMobileNumber: P, genderType: F } = C, I = p(() => [
+		D,
+		O,
+		k,
+		A
+	], [
+		D,
+		O,
+		k,
+		A
+	]), L = _.fieldsName[t.MOBILE_PANEL].initialArgs?.at(-1)?.isVerificationRequired === e.YES, R = (e) => f.isViewMode || w[e]?.isDisabled;
+	return /* @__PURE__ */ g(m, { children: [
+		/* @__PURE__ */ g(a, { children: [I.map((e) => /* @__PURE__ */ h(s, { children: /* @__PURE__ */ h(o, {
+			id: e,
+			label: w[e]?.label,
+			value: S[e] ?? "",
+			validation: w[e],
+			error: E[e] === !1,
+			helperText: T[e],
+			disabled: R(e),
+			onChange: b
+		}) }, e)), /* @__PURE__ */ h(s, { children: /* @__PURE__ */ h(i, {
+			id: F,
+			label: d(w[F]?.label),
+			fieldvalue: S[F],
+			onChange: (e, t) => x(e, t),
+			apiendpoint: r,
+			requestbody: { masterCd: n.GENDER },
+			validation: w[F],
+			error: !!T[F],
+			disabled: R(F),
+			helperText: T[F]
+		}) })] }),
+		/* @__PURE__ */ h(a, { children: /* @__PURE__ */ h(s, {
+			size: { lg: 12 },
+			children: /* @__PURE__ */ h(c, {
+				isViewMode: f.isViewMode,
+				parentSliceName: v,
+				rootSliceName: f.rootSliceName
+			})
+		}) }),
+		/* @__PURE__ */ g(a, { children: [
+			/* @__PURE__ */ h(s, { children: /* @__PURE__ */ h(l, {
+				rootSliceName: f.rootSliceName,
+				parentSliceName: v,
+				isMobileVerifyRequired: L,
+				isViewMode: f.isViewMode
+			}) }),
+			/* @__PURE__ */ h(s, { children: /* @__PURE__ */ h(o, {
+				id: P,
+				label: w[P]?.label,
+				value: S[P] ?? "",
+				error: !!T[P],
+				validation: w[P],
+				helperText: T[P],
+				disabled: R(P),
+				onChange: b
+			}) }),
+			/* @__PURE__ */ h(s, { children: /* @__PURE__ */ h(o, {
+				id: j,
+				label: w[j]?.label,
+				value: S[j] ?? "",
+				error: !!T[j],
+				validation: w[j],
+				helperText: T[j],
+				disabled: R(j),
+				onChange: b
+			}) })
+		] }),
+		/* @__PURE__ */ g(a, { children: [/* @__PURE__ */ h(s, { children: /* @__PURE__ */ h(i, {
+			id: N,
+			label: d(w[N]?.label),
+			fieldvalue: S[N],
+			onChange: (e, t) => x(e, t),
+			apiendpoint: r,
+			requestbody: { masterCd: n.RELATION_TYP },
+			validation: w[N],
+			error: !!T[N],
+			helperText: T[N],
+			disabled: R(N)
+		}) }), /* @__PURE__ */ h(s, { children: /* @__PURE__ */ h(o, {
+			id: M,
+			label: w[M]?.label,
+			value: S[M] ?? "",
+			error: !!T[M],
+			helperText: T[M],
+			validation: w[M],
+			disabled: R(M),
+			onChange: b
+		}) })] })
+	] });
+});
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=index1085.js.map

package/dist/index1085.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1085.js","names":[],"sources":["../src/libs/shared/components/personalInfo/PersonalDetails.tsx"],"sourcesContent":["import AgePanel from \"components/agePanel/AgePanel\";\r\nimport MobileVerification from \"components/mobileVerification/MobileVerification\";\r\nimport { MASTER_API_END_POINT } from \"constants/apiEndPoints\";\r\nimport { MasterCodeType } from \"constants/masterCodes\";\r\nimport { t } from \"i18next\";\r\nimport type { CommonProps, FieldObject, MasterResponseDataType } from \"libs/shared/types/common-types\";\r\nimport SelectInputField from \"libs/shared/UI/dropdown/SelectInputField\";\r\nimport GridContainer from \"libs/shared/UI/grid/GridContainer\";\r\nimport GridItem from \"libs/shared/UI/grid/GridItem\";\r\nimport TextInputField from \"libs/shared/UI/textInput/TextInputField\";\r\nimport { memo, useMemo } from \"react\";\r\nimport usePersonalDetailsController from \"./personalDetailsController\";\r\nimport type { PersonalDetailsFieldsType } from \"./personalDetailsDto\";\r\nimport { DTONames } from \"constants/dtoNames\";\r\nimport { YES_NO_BOOL } from \"constants/commonConstants\";\r\n\r\nconst PersonalDetails = memo(function PersonalDetails(props: CommonProps) {\r\n  const { personalDetailsState, parentSliceName, handlers } = usePersonalDetailsController(props);\r\n\r\n  const { onTextChange, onMasterChange } = handlers;\r\n\r\n  const { submitJson, fieldsName, defaultsRules, fieldError, isValidJson } = personalDetailsState;\r\n  const { firstName, middleName, lastName, alias, emailID, relativeName, relationType, alternateMobileNumber, genderType }: PersonalDetailsFieldsType = fieldsName;\r\n  const fields = useMemo(\r\n    () => [firstName, middleName, lastName, alias],\r\n    [firstName, middleName, lastName, alias]\r\n  );\r\n  const initialArgObj = personalDetailsState.fieldsName[DTONames.MOBILE_PANEL].initialArgs;\r\n  const isMobileVerifyRequired = ((initialArgObj?.at(-1) as FieldObject<boolean>)?.isVerificationRequired) === YES_NO_BOOL.YES;\r\n\r\n  const isFieldDisabled = (field: string) =>\r\n    props.isViewMode ||\r\n    defaultsRules[field as keyof typeof defaultsRules]?.isDisabled;\r\n\r\n\r\n  return (\r\n    <>\r\n      <GridContainer>\r\n        {fields.map((field) => (\r\n          <GridItem key={field}>\r\n            <TextInputField\r\n              id={field}\r\n              label={defaultsRules[field]?.label}\r\n              value={submitJson[field] ?? \"\"}\r\n              validation={defaultsRules[field]}\r\n              error={isValidJson[field] === false}\r\n              helperText={fieldError[field]}\r\n              disabled={isFieldDisabled(field)}\r\n              onChange={onTextChange}\r\n            />\r\n          </GridItem>\r\n        ))}\r\n        <GridItem>\r\n          <SelectInputField\r\n            id={genderType}\r\n            label={t(defaultsRules[genderType]?.label)}\r\n            fieldvalue={submitJson[genderType]}\r\n            onChange={(event, data) => onMasterChange(event, data)}\r\n            apiendpoint={MASTER_API_END_POINT}\r\n            requestbody={{\r\n              masterCd: MasterCodeType.GENDER\r\n            }}\r\n            validation={defaultsRules[genderType]}\r\n            error={!!fieldError[genderType]}\r\n            disabled={isFieldDisabled(genderType)}\r\n            helperText={fieldError[genderType]}\r\n          />\r\n        </GridItem>\r\n      </GridContainer>\r\n\r\n      {/* age panel */}\r\n      <GridContainer>\r\n        <GridItem size={{ lg: 12 }}>\r\n          <AgePanel isViewMode={props.isViewMode} parentSliceName={parentSliceName} rootSliceName={props.rootSliceName} />\r\n        </GridItem>\r\n      </GridContainer>\r\n      <GridContainer>\r\n        <GridItem>\r\n          <MobileVerification\r\n            rootSliceName={props.rootSliceName}\r\n            parentSliceName={parentSliceName}\r\n            isMobileVerifyRequired={isMobileVerifyRequired}\r\n            isViewMode={props.isViewMode}\r\n          />\r\n        </GridItem>\r\n        <GridItem>\r\n          <TextInputField\r\n            id={alternateMobileNumber}\r\n            label={defaultsRules[alternateMobileNumber]?.label}\r\n            value={submitJson[alternateMobileNumber] ?? \"\"}\r\n            error={Boolean(fieldError[alternateMobileNumber])}\r\n            validation={defaultsRules[alternateMobileNumber]}\r\n            helperText={fieldError[alternateMobileNumber]}\r\n            disabled={isFieldDisabled(alternateMobileNumber)}\r\n            onChange={onTextChange}\r\n          />\r\n        </GridItem>\r\n        <GridItem>\r\n          <TextInputField\r\n            id={emailID}\r\n            label={defaultsRules[emailID]?.label}\r\n            value={submitJson[emailID] ?? \"\"}\r\n            error={Boolean(fieldError[emailID])}\r\n            validation={defaultsRules[emailID]}\r\n            helperText={fieldError[emailID]}\r\n            disabled={isFieldDisabled(emailID)}\r\n            onChange={onTextChange}\r\n          />\r\n        </GridItem>\r\n      </GridContainer>\r\n      <GridContainer>\r\n        <GridItem>\r\n          <SelectInputField<MasterResponseDataType>\r\n            id={relationType}\r\n            label={t(defaultsRules[relationType]?.label)}\r\n            fieldvalue={submitJson[relationType]}\r\n            onChange={(event, data) => onMasterChange(event, data)}\r\n            apiendpoint={MASTER_API_END_POINT}\r\n            requestbody={{\r\n              masterCd: MasterCodeType.RELATION_TYP\r\n            }}\r\n            validation={defaultsRules[relationType]}\r\n            error={!!fieldError[relationType]}\r\n            helperText={fieldError[relationType]}\r\n            disabled={isFieldDisabled(relationType)}\r\n          />\r\n        </GridItem>\r\n        <GridItem>\r\n          <TextInputField\r\n            id={relativeName}\r\n            label={defaultsRules[relativeName]?.label}\r\n            value={submitJson[relativeName] ?? \"\"}\r\n            error={Boolean(fieldError[relativeName])}\r\n            helperText={fieldError[relativeName]}\r\n            validation={defaultsRules[relativeName]}\r\n            disabled={isFieldDisabled(relativeName)}\r\n            onChange={onTextChange}\r\n          />\r\n        </GridItem>\r\n      </GridContainer>\r\n    </>\r\n  );\r\n});\r\n\r\nexport default PersonalDetails;\r\n"],"mappings":"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"}

package/dist/index1086.js

@@ -0,0 +1,29 @@
+import { DTONames as e } from "./index8.js";
+import { MASTER_DATA_KEYS as t } from "./index17.js";
+import { getNestedValue as n, getOnChangeActionType as r, getSelectInputFieldName as i } from "./index18.js";
+import a from "./index220.js";
+import { useDispatch as o, useSelector as s } from "react-redux";
+//#region src/libs/shared/components/physicalDescription/controller/physicalDescriptionController.ts
+function c(c) {
+	let l = r(c.rootSliceName), u = o(), d = a(e.PHYSICAL_DESCRIPTION, c.parentSliceName);
+	return {
+		parentSliceName: d,
+		physicalDescState: s((e) => n(e, d)),
+		onChangeMaster: (e, n) => {
+			let r = e.target.id || "", a = i(r), o = n[t.CODE], s = n[t.VALUE];
+			u({
+				type: l,
+				payload: {
+					key: a,
+					parentSliceName: d,
+					value: s,
+					valueOrCd: o
+				}
+			});
+		}
+	};
+}
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=index1086.js.map

package/dist/index1086.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1086.js","names":[],"sources":["../src/libs/shared/components/physicalDescription/controller/physicalDescriptionController.ts"],"sourcesContent":["import { DTONames } from \"constants/dtoNames\"; \r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport type { RootState } from \"store/store\";\r\nimport { getNestedValue, getOnChangeActionType, getSelectInputFieldName } from \"utils/commonFunctions\";\r\nimport type { physicalDescriptionProps } from \"../definations/physicalDescriptionTypes\";\r\nimport type { PhysicalDescriptionDTOType } from \"../model/PhysicalDescriptionDTO\";\r\nimport type { PayloadAction } from \"@reduxjs/toolkit\";\r\nimport { MASTER_DATA_KEYS } from \"constants/masterCodes\";\r\nimport type { MasterResponseDataType } from \"libs/shared/types/common-types\";\r\nimport type { ChangeFieldPayload } from \"libs/shared/types/sharedFormActionTypes\";\r\nimport useParentSliceName from \"hooks/useParentSliceName\";\r\n\r\nexport default function PhysicalDescriptionController(props: physicalDescriptionProps) {\r\n  const type = getOnChangeActionType(props.rootSliceName);\r\n  const dispatch = useDispatch();\r\n  const parentSliceName = useParentSliceName(DTONames.PHYSICAL_DESCRIPTION, props.parentSliceName);\r\n\r\n  const physicalDescState = useSelector((state: RootState) =>\r\n    getNestedValue<PhysicalDescriptionDTOType>(state, parentSliceName),\r\n  );\r\n\r\n  const onChangeMaster = (event: React.BaseSyntheticEvent, data: MasterResponseDataType) => {\r\n    const key = event.target.id || \"\";\r\n    const fieldName = getSelectInputFieldName(key);\r\n    const valueOrCd = data[MASTER_DATA_KEYS.CODE];\r\n    const value = data[MASTER_DATA_KEYS.VALUE];\r\n\r\n    (\r\n      dispatch as (\r\n        action: PayloadAction<ChangeFieldPayload<PhysicalDescriptionDTOType>>,\r\n      ) => PayloadAction<ChangeFieldPayload>\r\n    )({\r\n      type,\r\n      payload: {\r\n        key: fieldName,\r\n        parentSliceName,\r\n        value,\r\n        valueOrCd: valueOrCd,\r\n      },\r\n    });\r\n  };\r\n\r\n  return { parentSliceName, physicalDescState, onChangeMaster };\r\n}\r\n"],"mappings":";;;;;;AAYA,SAAwB,EAA8B,GAAiC;CACrF,IAAM,IAAO,EAAsB,EAAM,aAAa,GAChD,IAAW,EAAY,GACvB,IAAkB,EAAmB,EAAS,sBAAsB,EAAM,eAAe;CA2B/F,OAAO;EAAE;EAAiB,mBAzBA,GAAa,MACrC,EAA2C,GAAO,CAAe,CAwBzC;EAAmB,iBArBrB,GAAiC,MAAiC;GACxF,IAAM,IAAM,EAAM,OAAO,MAAM,IACzB,IAAY,EAAwB,CAAG,GACvC,IAAY,EAAK,EAAiB,OAClC,IAAQ,EAAK,EAAiB;GAEpC,EAIE;IACA;IACA,SAAS;KACP,KAAK;KACL;KACA;KACW;IACb;GACF,CAAC;EACH;CAE4D;AAC9D"}

package/dist/index1087.js

@@ -0,0 +1,42 @@
+import { MasterCodeType as e } from "./index17.js";
+//#region src/libs/shared/components/physicalDescription/definations/physicalDescriptionConstants.ts
+var t = {
+	HeightRangeDTOName: "heightRange",
+	IdentificationMarksDTOName: "identificationMarks",
+	IdentityMarkList: "identityMarkList",
+	DressTypeDTOName: "dressTypes",
+	DressTypeList: "dressTypeList",
+	PhysicalCharactersticsDTOName: "physicalFeature",
+	PhysicalCharacteristicsList: "physicalFeatureList"
+}, n = {
+	MALE: 3,
+	FEMALE: 2
+}, r = {
+	FACE: 1,
+	EYES: 2,
+	DEFORMITIES: 3,
+	HAIR: 4,
+	HABITS: 5,
+	SPEECH: 6,
+	MALE: 7,
+	FEMALE: 8
+}, i = {
+	[r.FACE]: e.PHY_FEAT_PCODE_FACE,
+	[r.EYES]: e.PHY_FEAT_PCODE_EYES,
+	[r.DEFORMITIES]: e.PHY_FEAT_PCODE_DEFORM,
+	[r.HAIR]: e.PHY_FEAT_PCODE_HAIRS,
+	[r.HABITS]: e.PHY_FEAT_PCODE_HABITS,
+	[r.SPEECH]: e.PHY_FEAT_PCODE_SPEECH,
+	[r.MALE]: e.PHY_FEAT_PCODE_MALE,
+	[r.FEMALE]: e.PHY_FEAT_PCODE_FEMALE
+}, a = 364, o = 363, s = {
+	DRESS: 1,
+	CATEGORY: 2
+}, c = {
+	Body_Build_Type: 1,
+	Body_Complxion_Type: 2
+};
+//#endregion
+export { a as DRESS_WORN_TYPE_OTHERS_FEMALE, o as DRESS_WORN_TYPE_OTHERS_MALE, n as GenderCode, t as PHYSICAL_DESCRIPTION_CONSTANTS, r as PhysicalCharacteristic, c as PhysicalDescLookUp, i as phyCharMasterCdMap, s as phyDescRadioType };
+
+//# sourceMappingURL=index1087.js.map

package/dist/index1087.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1087.js","names":[],"sources":["../src/libs/shared/components/physicalDescription/definations/physicalDescriptionConstants.ts"],"sourcesContent":["import { MasterCodeType } from \"constants/masterCodes\";\r\n\r\nexport const PHYSICAL_DESCRIPTION_CONSTANTS = {\r\n  // height range\r\n  HeightRangeDTOName: \"heightRange\",\r\n  // id marks\r\n  IdentificationMarksDTOName: \"identificationMarks\",\r\n  IdentityMarkList: \"identityMarkList\",\r\n  // dress type\r\n  DressTypeDTOName: \"dressTypes\",\r\n  DressTypeList: \"dressTypeList\",\r\n  // characteristics\r\n  PhysicalCharactersticsDTOName: \"physicalFeature\",\r\n  PhysicalCharacteristicsList: \"physicalFeatureList\",\r\n} as const;\r\n\r\nexport const GenderCode = {\r\n  MALE: 3,\r\n  FEMALE: 2,\r\n} as const;\r\n\r\nexport const PhysicalCharacteristic = {\r\n  FACE: 1,\r\n  EYES: 2,\r\n  DEFORMITIES: 3,\r\n  HAIR: 4,\r\n  HABITS: 5,\r\n  SPEECH: 6,\r\n  MALE: 7,\r\n  FEMALE: 8,\r\n} as const;\r\n\r\nexport const phyCharMasterCdMap = {\r\n  [PhysicalCharacteristic.FACE]: MasterCodeType.PHY_FEAT_PCODE_FACE,\r\n  [PhysicalCharacteristic.EYES]: MasterCodeType.PHY_FEAT_PCODE_EYES,\r\n  [PhysicalCharacteristic.DEFORMITIES]: MasterCodeType.PHY_FEAT_PCODE_DEFORM,\r\n  [PhysicalCharacteristic.HAIR]: MasterCodeType.PHY_FEAT_PCODE_HAIRS,\r\n  [PhysicalCharacteristic.HABITS]: MasterCodeType.PHY_FEAT_PCODE_HABITS,\r\n  [PhysicalCharacteristic.SPEECH]: MasterCodeType.PHY_FEAT_PCODE_SPEECH,\r\n  [PhysicalCharacteristic.MALE]: MasterCodeType.PHY_FEAT_PCODE_MALE,\r\n  [PhysicalCharacteristic.FEMALE]: MasterCodeType.PHY_FEAT_PCODE_FEMALE,\r\n} as const;\r\n\r\nexport const DRESS_WORN_TYPE_OTHERS_FEMALE = 364;\r\nexport const DRESS_WORN_TYPE_OTHERS_MALE = 363;\r\n\r\nexport const phyDescRadioType = {\r\n  DRESS: 1,\r\n  CATEGORY: 2,\r\n} as const;\r\n\r\nexport const PhysicalDescLookUp = {\r\n  Body_Build_Type: 1,\r\n  Body_Complxion_Type: 2\r\n} as const"],"mappings":";;AAEA,IAAa,IAAiC;CAE5C,oBAAoB;CAEpB,4BAA4B;CAC5B,kBAAkB;CAElB,kBAAkB;CAClB,eAAe;CAEf,+BAA+B;CAC/B,6BAA6B;AAC/B,GAEa,IAAa;CACxB,MAAM;CACN,QAAQ;AACV,GAEa,IAAyB;CACpC,MAAM;CACN,MAAM;CACN,aAAa;CACb,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,QAAQ;AACV,GAEa,IAAqB;EAC/B,EAAuB,OAAO,EAAe;EAC7C,EAAuB,OAAO,EAAe;EAC7C,EAAuB,cAAc,EAAe;EACpD,EAAuB,OAAO,EAAe;EAC7C,EAAuB,SAAS,EAAe;EAC/C,EAAuB,SAAS,EAAe;EAC/C,EAAuB,OAAO,EAAe;EAC7C,EAAuB,SAAS,EAAe;AAClD,GAEa,IAAgC,KAChC,IAA8B,KAE9B,IAAmB;CAC9B,OAAO;CACP,UAAU;AACZ,GAEa,IAAqB;CAChC,iBAAiB;CACjB,qBAAqB;AACvB"}

package/dist/index1088.js

@@ -0,0 +1,14 @@
+import { REGULAR_EXPRESSION_ENUM as e } from "./index9.js";
+import { PHYSICAL_DESCRIPTION_CONSTANTS as t } from "./index1087.js";
+//#region src/libs/shared/components/physicalDescription/physicalDescUtils.ts
+var { HeightRangeDTOName: n, IdentificationMarksDTOName: r, IdentityMarkList: i, PhysicalCharacteristicsList: a, PhysicalCharactersticsDTOName: o } = t, s = (e, t) => {
+	let n = Number(e) || 0, r = Number(t) || 0, i = (n * 12 + r) * 2.54;
+	return `${Math.round(i)}`;
+}, c = (t, n) => {
+	let r = t.replace(new RegExp(e.ONLY_NUMERIC, "g"), "");
+	return n === "feet" ? new RegExp(e.FEET).test(r) || (r = r.at(-1) || "") : n === "inch" && (new RegExp(e.INCH).test(r) || (r = r.at(-1) || "")), r;
+};
+//#endregion
+export { s as convertToCm, c as handleHeightInput };
+
+//# sourceMappingURL=index1088.js.map

package/dist/index1088.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1088.js","names":[],"sources":["../src/libs/shared/components/physicalDescription/physicalDescUtils.ts"],"sourcesContent":["import { REGULAR_EXPRESSION_ENUM } from \"libs/shared/enums/validation-enums\";\r\nimport type { PhysicalDescriptionDTOType } from \"./model/PhysicalDescriptionDTO\";\r\nimport { PHYSICAL_DESCRIPTION_CONSTANTS } from \"./definations/physicalDescriptionConstants\";\r\n\r\nconst {\r\n  HeightRangeDTOName,\r\n  IdentificationMarksDTOName,\r\n  IdentityMarkList,\r\n  PhysicalCharacteristicsList,\r\n  PhysicalCharactersticsDTOName,\r\n} = PHYSICAL_DESCRIPTION_CONSTANTS;\r\n\r\nexport const convertToCm = (feet: string | number, inch: string | number) => {\r\n  const ft = Number(feet) || 0;\r\n  const inVal = Number(inch) || 0;\r\n  const cm = (ft * 12 + inVal) * 2.54;\r\n  return `${Math.round(cm)}`;\r\n};\r\n\r\nexport const handleHeightInput = (value: string, type: \"feet\" | \"inch\") => {\r\n  let cleaned = value.replace(new RegExp(REGULAR_EXPRESSION_ENUM.ONLY_NUMERIC, \"g\"), \"\");\r\n\r\n  if (type === \"feet\") {\r\n    if (!new RegExp(REGULAR_EXPRESSION_ENUM.FEET).test(cleaned)) {\r\n      cleaned = cleaned.at(-1) || \"\";\r\n    }\r\n  } else if (type === \"inch\") {\r\n    if (!new RegExp(REGULAR_EXPRESSION_ENUM.INCH).test(cleaned)) {\r\n      cleaned = cleaned.at(-1) || \"\";\r\n    }\r\n  }\r\n\r\n  return cleaned;\r\n};\r\n\r\nexport function getPhysicalDescriptionData(physicalDescriptionDto: PhysicalDescriptionDTOType) {\r\n  const { fieldsName, submitJson } = physicalDescriptionDto;\r\n\r\n  const phyDescData = {\r\n    ...submitJson,\r\n    [fieldsName[HeightRangeDTOName].fieldsName.fromHeightCm]:\r\n      fieldsName[HeightRangeDTOName].submitJson[fieldsName.heightRange.fieldsName.fromHeightCm],\r\n    [fieldsName[HeightRangeDTOName].fieldsName.toHeightCm]:\r\n      fieldsName[HeightRangeDTOName].submitJson[fieldsName.heightRange.fieldsName.toHeightCm],\r\n    [IdentityMarkList]: fieldsName[IdentificationMarksDTOName].submitJson[IdentityMarkList] ?? [],\r\n    [PhysicalCharacteristicsList]:\r\n      fieldsName[PhysicalCharactersticsDTOName].submitJson[PhysicalCharacteristicsList] ?? [],\r\n  };\r\n\r\n  return phyDescData;\r\n}\r\n"],"mappings":";;;AAIA,IAAM,EACJ,uBACA,+BACA,qBACA,gCACA,qCACE,GAES,KAAe,GAAuB,MAA0B;CAC3E,IAAM,IAAK,OAAO,CAAI,KAAK,GACrB,IAAQ,OAAO,CAAI,KAAK,GACxB,KAAM,IAAK,KAAK,KAAS;CAC/B,OAAO,GAAG,KAAK,MAAM,CAAE;AACzB,GAEa,KAAqB,GAAe,MAA0B;CACzE,IAAI,IAAU,EAAM,QAAQ,IAAI,OAAO,EAAwB,cAAc,GAAG,GAAG,EAAE;CAYrF,OAVI,MAAS,SACN,IAAI,OAAO,EAAwB,IAAI,CAAC,CAAC,KAAK,CAAO,MACxD,IAAU,EAAQ,GAAG,EAAE,KAAK,MAErB,MAAS,WACb,IAAI,OAAO,EAAwB,IAAI,CAAC,CAAC,KAAK,CAAO,MACxD,IAAU,EAAQ,GAAG,EAAE,KAAK,MAIzB;AACT"}

package/dist/index1089.js

@@ -0,0 +1,59 @@
+import { DTONames as e } from "./index8.js";
+import { sharedFormActionNames as t } from "./index13.js";
+import { constructParentSliceName as n, getNestedValue as r } from "./index18.js";
+import i from "./index220.js";
+import { PHYSICAL_DESCRIPTION_CONSTANTS as a } from "./index1087.js";
+import { convertToCm as o, handleHeightInput as s } from "./index1088.js";
+import { useTranslation as c } from "react-i18next";
+import { useDispatch as l, useSelector as u } from "react-redux";
+//#region src/libs/shared/components/physicalDescription/controller/useHeightRangePanel.ts
+function d(d) {
+	let f = l(), { t: p } = c(), m = i(a.HeightRangeDTOName, d.parentSliceName), h = u((e) => r(e, m)), { fieldsName: g, submitJson: _ } = h;
+	return {
+		parentSliceName: m,
+		heightRangeState: h,
+		onChangeHeight: (r) => {
+			let i = r.target.value || "", c = r.target.id || "", l = c.toLowerCase().includes("feet"), u = c.toLowerCase().includes("from"), m = s(i, l ? "feet" : "inch"), v = l ? m : _[u ? g.fromHeightFeet : g.toHeightFeet] || 0, y = l ? _[u ? g.fromHeightInch : g.toHeightInch] || 0 : m, b = o(Number(v), Number(y)), x = u ? +b : o(Number(_[g.fromHeightFeet] || 0), Number(_[g.fromHeightInch] || 0)), S = u ? o(Number(_[g.toHeightFeet] || 0), Number(_[g.toHeightInch] || 0)) : +b, C = "";
+			x && S !== "0" && S <= x ? C = p("strHeightError") : (S === "0" || x === "0") && (C = p("strInvalidHeight"));
+			let w = {
+				...h,
+				submitJson: {
+					...h.submitJson,
+					...u ? {
+						[g.fromHeightFeet]: v,
+						[g.fromHeightInch]: y,
+						[g.fromHeightCm]: b
+					} : {
+						[g.toHeightFeet]: v,
+						[g.toHeightInch]: y,
+						[g.toHeightCm]: b
+					}
+				},
+				isValidJson: {
+					...h.isValidJson,
+					[g.heightError]: !C,
+					[g.fromHeightCm]: C ? h.isValidJson?.[g.fromHeightCm] ?? !0 : !0,
+					[g.toHeightCm]: C ? h.isValidJson?.[g.toHeightCm] ?? !0 : !0
+				},
+				fieldError: {
+					...h.fieldError,
+					[g.heightError]: C,
+					[g.fromHeightCm]: C ? h.fieldError[g.fromHeightCm] ?? "" : "",
+					[g.toHeightCm]: C ? h.fieldError[g.toHeightCm] ?? "" : ""
+				}
+			};
+			f({
+				type: `${d.rootSliceName}/${t.SET_VIEW_DATA}`,
+				payload: {
+					dto: w,
+					fieldsName: a.HeightRangeDTOName,
+					path: n(e.PHYSICAL_DESCRIPTION, d.parentSliceName)
+				}
+			});
+		}
+	};
+}
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=index1089.js.map

package/dist/index1089.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1089.js","names":[],"sources":["../src/libs/shared/components/physicalDescription/controller/useHeightRangePanel.ts"],"sourcesContent":["import type { PayloadAction } from \"@reduxjs/toolkit\";\r\nimport { DTONames } from \"constants/dtoNames\"; \r\nimport type { CommonProps } from \"libs/shared/types/common-types\";\r\nimport type { SetViewDataPayload } from \"libs/shared/types/sharedFormActionTypes\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport type { RootState } from \"store/store\";\r\nimport { constructParentSliceName, getNestedValue } from \"utils/commonFunctions\";\r\nimport { PHYSICAL_DESCRIPTION_CONSTANTS } from \"../definations/physicalDescriptionConstants\";\r\nimport type { HeightRangeDTOType } from \"../model/HeightRangeDTO\";\r\nimport { convertToCm, handleHeightInput } from \"../physicalDescUtils\";\r\nimport { sharedFormActionNames } from \"utils/sharedFormActions\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport useParentSliceName from \"hooks/useParentSliceName\";\r\n\r\nexport default function useHeightRangePanel(props: CommonProps) {\r\n  const dispatch = useDispatch();\r\n  const { t } = useTranslation();\r\n\r\n  const parentSliceName = useParentSliceName(PHYSICAL_DESCRIPTION_CONSTANTS.HeightRangeDTOName, props.parentSliceName);\r\n\r\n  const heightRangeState = useSelector((state: RootState) =>\r\n    getNestedValue<HeightRangeDTOType>(state, parentSliceName),\r\n  );\r\n\r\n  const { fieldsName, submitJson } = heightRangeState;\r\n\r\n  const onChangeHeight = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const value = event.target.value || \"\";\r\n    const key = event.target.id || \"\";\r\n\r\n    const isFeetInput = key.toLowerCase().includes(\"feet\");\r\n    const isFromHeight = key.toLowerCase().includes(\"from\");\r\n\r\n    const formattedValue = handleHeightInput(value, isFeetInput ? \"feet\" : \"inch\");\r\n\r\n    const heightFeet = isFeetInput\r\n      ? formattedValue\r\n      : submitJson[isFromHeight ? fieldsName.fromHeightFeet : fieldsName.toHeightFeet] || 0;\r\n\r\n    const heightInch = !isFeetInput\r\n      ? formattedValue\r\n      : submitJson[isFromHeight ? fieldsName.fromHeightInch : fieldsName.toHeightInch] || 0;\r\n\r\n    const heightCm = convertToCm(Number(heightFeet), Number(heightInch));\r\n\r\n    const fromHeightCm = isFromHeight\r\n      ? +heightCm\r\n      : convertToCm(\r\n          Number(submitJson[fieldsName.fromHeightFeet] || 0),\r\n          Number(submitJson[fieldsName.fromHeightInch] || 0),\r\n        );\r\n\r\n    const toHeightCm = isFromHeight\r\n      ? convertToCm(Number(submitJson[fieldsName.toHeightFeet] || 0), Number(submitJson[fieldsName.toHeightInch] || 0))\r\n      : +heightCm;\r\n\r\n    let error = \"\";\r\n\r\n    // TODO : get error from translation\r\n    if (fromHeightCm && toHeightCm !== \"0\" && toHeightCm <= fromHeightCm) {\r\n      error = t(\"strHeightError\");\r\n      // error = \"‘To Height’ must be greater than ‘From Height’\";\r\n    } else if (toHeightCm === \"0\" || fromHeightCm === \"0\") {\r\n      /*\r\n       * initially on entering fromHeight - this msg will be shown to indicate user to fill more than 0 as initmation, then if user enters less toHeigh than from fromHeight then prev msg will be shown\r\n       * error = \"Height range should be greater than 0\";\r\n       */\r\n      error = t(\"strInvalidHeight\");\r\n    }\r\n\r\n    const updatedDTO: HeightRangeDTOType = {\r\n      ...heightRangeState,\r\n      submitJson: {\r\n        ...heightRangeState.submitJson,\r\n        ...(isFromHeight\r\n          ? {\r\n              [fieldsName.fromHeightFeet]: heightFeet,\r\n              [fieldsName.fromHeightInch]: heightInch,\r\n              [fieldsName.fromHeightCm]: heightCm,\r\n            }\r\n          : {\r\n              [fieldsName.toHeightFeet]: heightFeet,\r\n              [fieldsName.toHeightInch]: heightInch,\r\n              [fieldsName.toHeightCm]: heightCm,\r\n            }),\r\n      },\r\n      isValidJson: {\r\n        ...heightRangeState.isValidJson,\r\n        [fieldsName.heightError]: !error,\r\n        [fieldsName.fromHeightCm]: error ? (heightRangeState.isValidJson?.[fieldsName.fromHeightCm] ?? true) : true,\r\n        [fieldsName.toHeightCm]: error ? (heightRangeState.isValidJson?.[fieldsName.toHeightCm] ?? true) : true,\r\n      },\r\n      fieldError: {\r\n        ...heightRangeState.fieldError,\r\n        [fieldsName.heightError]: error,\r\n        [fieldsName.fromHeightCm]: error ? (heightRangeState.fieldError[fieldsName.fromHeightCm] ?? \"\") : \"\",\r\n        [fieldsName.toHeightCm]: error ? (heightRangeState.fieldError[fieldsName.toHeightCm] ?? \"\") : \"\",\r\n      },\r\n    };\r\n\r\n    (\r\n      dispatch as (\r\n        action: PayloadAction<SetViewDataPayload<HeightRangeDTOType>>,\r\n      ) => PayloadAction<SetViewDataPayload<HeightRangeDTOType>>\r\n    )({\r\n      type: `${props.rootSliceName}/${sharedFormActionNames.SET_VIEW_DATA}`,\r\n      payload: {\r\n        dto: updatedDTO,\r\n        fieldsName: PHYSICAL_DESCRIPTION_CONSTANTS.HeightRangeDTOName,\r\n        path: constructParentSliceName(DTONames.PHYSICAL_DESCRIPTION, props.parentSliceName),\r\n      },\r\n    });\r\n  };\r\n\r\n  return { parentSliceName, heightRangeState, onChangeHeight };\r\n}\r\n"],"mappings":";;;;;;;;;AAcA,SAAwB,EAAoB,GAAoB;CAC9D,IAAM,IAAW,EAAY,GACvB,EAAE,SAAM,EAAe,GAEvB,IAAkB,EAAmB,EAA+B,oBAAoB,EAAM,eAAe,GAE7G,IAAmB,GAAa,MACpC,EAAmC,GAAO,CAAe,CAC3D,GAEM,EAAE,eAAY,kBAAe;CA0FnC,OAAO;EAAE;EAAiB;EAAkB,iBAxFpB,MAA+C;GACrE,IAAM,IAAQ,EAAM,OAAO,SAAS,IAC9B,IAAM,EAAM,OAAO,MAAM,IAEzB,IAAc,EAAI,YAAY,CAAC,CAAC,SAAS,MAAM,GAC/C,IAAe,EAAI,YAAY,CAAC,CAAC,SAAS,MAAM,GAEhD,IAAiB,EAAkB,GAAO,IAAc,SAAS,MAAM,GAEvE,IAAa,IACf,IACA,EAAW,IAAe,EAAW,iBAAiB,EAAW,iBAAiB,GAEhF,IAAc,IAEhB,EAAW,IAAe,EAAW,iBAAiB,EAAW,iBAAiB,IADlF,GAGE,IAAW,EAAY,OAAO,CAAU,GAAG,OAAO,CAAU,CAAC,GAE7D,IAAe,IACjB,CAAC,IACD,EACE,OAAO,EAAW,EAAW,mBAAmB,CAAC,GACjD,OAAO,EAAW,EAAW,mBAAmB,CAAC,CACnD,GAEE,IAAa,IACf,EAAY,OAAO,EAAW,EAAW,iBAAiB,CAAC,GAAG,OAAO,EAAW,EAAW,iBAAiB,CAAC,CAAC,IAC9G,CAAC,GAED,IAAQ;GAGZ,AAAI,KAAgB,MAAe,OAAO,KAAc,IACtD,IAAQ,EAAE,gBAAgB,KAEjB,MAAe,OAAO,MAAiB,SAKhD,IAAQ,EAAE,kBAAkB;GAG9B,IAAM,IAAiC;IACrC,GAAG;IACH,YAAY;KACV,GAAG,EAAiB;KACpB,GAAI,IACA;OACG,EAAW,iBAAiB;OAC5B,EAAW,iBAAiB;OAC5B,EAAW,eAAe;KAC7B,IACA;OACG,EAAW,eAAe;OAC1B,EAAW,eAAe;OAC1B,EAAW,aAAa;KAC3B;IACN;IACA,aAAa;KACX,GAAG,EAAiB;MACnB,EAAW,cAAc,CAAC;MAC1B,EAAW,eAAe,IAAS,EAAiB,cAAc,EAAW,iBAAiB,KAAQ;MACtG,EAAW,aAAa,IAAS,EAAiB,cAAc,EAAW,eAAe,KAAQ;IACrG;IACA,YAAY;KACV,GAAG,EAAiB;MACnB,EAAW,cAAc;MACzB,EAAW,eAAe,IAAS,EAAiB,WAAW,EAAW,iBAAiB,KAAM;MACjG,EAAW,aAAa,IAAS,EAAiB,WAAW,EAAW,eAAe,KAAM;IAChG;GACF;GAEA,EAIE;IACA,MAAM,GAAG,EAAM,cAAc,GAAG,EAAsB;IACtD,SAAS;KACP,KAAK;KACL,YAAY,EAA+B;KAC3C,MAAM,EAAyB,EAAS,sBAAsB,EAAM,eAAe;IACrF;GACF,CAAC;EACH;CAE2D;AAC7D"}

package/dist/index109.js

@@ -1,7 +1,122 @@
-import e from "./index73.js";
-//#region node_modules/@mui/material/utils/memoTheme.mjs
-var t = e;
+import e from "./index27.js";
+import t from "./index108.js";
+//#region node_modules/@mui/system/colorManipulator/colorManipulator.mjs
+function n(e, n = 0, r = 1) {
+	return process.env.NODE_ENV !== "production" && (e < n || e > r) && console.error(`MUI: The value provided ${e} is out of range [${n}, ${r}].`), t(e, n, r);
+}
+function r(e) {
+	e = e.slice(1);
+	let t = RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g"), n = e.match(t);
+	return n && n[0].length === 1 && (n = n.map((e) => e + e)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((e, t) => t < 3 ? parseInt(e, 16) : Math.round(parseInt(e, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function i(t) {
+	if (t.type) return t;
+	if (t.charAt(0) === "#") return i(r(t));
+	let n = t.indexOf("("), a = t.substring(0, n);
+	if (![
+		"rgb",
+		"rgba",
+		"hsl",
+		"hsla",
+		"color"
+	].includes(a)) throw Error(process.env.NODE_ENV === "production" ? e(9, t) : `MUI: Unsupported \`${t}\` color.\nThe following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().`);
+	let o = t.substring(n + 1, t.length - 1), s;
+	if (a === "color") {
+		if (o = o.split(" "), s = o.shift(), o.length === 4 && o[3].charAt(0) === "/" && (o[3] = o[3].slice(1)), ![
+			"srgb",
+			"display-p3",
+			"a98-rgb",
+			"prophoto-rgb",
+			"rec-2020"
+		].includes(s)) throw Error(process.env.NODE_ENV === "production" ? e(10, s) : `MUI: unsupported \`${s}\` color space.\nThe following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.`);
+	} else o = o.split(",");
+	return o = o.map((e) => parseFloat(e)), {
+		type: a,
+		values: o,
+		colorSpace: s
+	};
+}
+var a = (e) => {
+	let t = i(e);
+	return t.values.slice(0, 3).map((e, n) => t.type.includes("hsl") && n !== 0 ? `${e}%` : e).join(" ");
+}, o = (e, t) => {
+	try {
+		return a(e);
+	} catch {
+		return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+	}
+};
+function s(e) {
+	let { type: t, colorSpace: n } = e, { values: r } = e;
+	return t.includes("rgb") ? r = r.map((e, t) => t < 3 ? parseInt(e, 10) : e) : t.includes("hsl") && (r[1] = `${r[1]}%`, r[2] = `${r[2]}%`), r = t.includes("color") ? `${n} ${r.join(" ")}` : `${r.join(", ")}`, `${t}(${r})`;
+}
+function c(e) {
+	e = i(e);
+	let { values: t } = e, n = t[0], r = t[1] / 100, a = t[2] / 100, o = r * Math.min(a, 1 - a), c = (e, t = (e + n / 30) % 12) => a - o * Math.max(Math.min(t - 3, 9 - t, 1), -1), l = "rgb", u = [
+		Math.round(c(0) * 255),
+		Math.round(c(8) * 255),
+		Math.round(c(4) * 255)
+	];
+	return e.type === "hsla" && (l += "a", u.push(t[3])), s({
+		type: l,
+		values: u
+	});
+}
+function l(e) {
+	e = i(e);
+	let t = e.type === "hsl" || e.type === "hsla" ? i(c(e)).values : e.values;
+	return t = t.map((t) => (e.type !== "color" && (t /= 255), t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4)), Number((.2126 * t[0] + .7152 * t[1] + .0722 * t[2]).toFixed(3));
+}
+function u(e, t) {
+	let n = l(e), r = l(t);
+	return (Math.max(n, r) + .05) / (Math.min(n, r) + .05);
+}
+function d(e, t) {
+	return e = i(e), t = n(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, s(e);
+}
+function f(e, t, n) {
+	try {
+		return d(e, t);
+	} catch {
+		return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
+	}
+}
+function p(e, t) {
+	if (e = i(e), t = n(t), e.type.includes("hsl")) e.values[2] *= 1 - t;
+	else if (e.type.includes("rgb") || e.type.includes("color")) for (let n = 0; n < 3; n += 1) e.values[n] *= 1 - t;
+	return s(e);
+}
+function m(e, t, n) {
+	try {
+		return p(e, t);
+	} catch {
+		return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
+	}
+}
+function h(e, t) {
+	if (e = i(e), t = n(t), e.type.includes("hsl")) e.values[2] += (100 - e.values[2]) * t;
+	else if (e.type.includes("rgb")) for (let n = 0; n < 3; n += 1) e.values[n] += (255 - e.values[n]) * t;
+	else if (e.type.includes("color")) for (let n = 0; n < 3; n += 1) e.values[n] += (1 - e.values[n]) * t;
+	return s(e);
+}
+function g(e, t, n) {
+	try {
+		return h(e, t);
+	} catch {
+		return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
+	}
+}
+function _(e, t = .15) {
+	return l(e) > .5 ? p(e, t) : h(e, t);
+}
+function v(e, t, n) {
+	try {
+		return _(e, t);
+	} catch {
+		return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
+	}
+}
 //#endregion
-export { t as default };
+export { d as alpha, a as colorChannel, p as darken, i as decomposeColor, _ as emphasize, u as getContrastRatio, l as getLuminance, r as hexToRgb, c as hslToRgb, h as lighten, f as private_safeAlpha, o as private_safeColorChannel, m as private_safeDarken, v as private_safeEmphasize, g as private_safeLighten, s as recomposeColor };
 
 //# sourceMappingURL=index109.js.map

package/dist/index109.js.map

@@ -1 +1 @@
-{"version":3,"file":"index109.js","names":[],"sources":["../node_modules/@mui/material/utils/memoTheme.mjs"],"sourcesContent":["import { unstable_memoTheme } from '@mui/system';\nconst memoTheme = unstable_memoTheme;\nexport default memoTheme;"],"x_google_ignoreList":[0],"mappings":";;AACA,IAAM,IAAY"}
+{"version":3,"file":"index109.js","names":["_formatErrorMessage"],"sources":["../node_modules/@mui/system/colorManipulator/colorManipulator.mjs"],"sourcesContent":["import _formatErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\n/* eslint-disable @typescript-eslint/naming-convention */\nimport clamp from '@mui/utils/clamp';\n\n/**\n * Returns a number whose value is limited to the given range.\n * @param {number} value The value to be clamped\n * @param {number} min The lower boundary of the output range\n * @param {number} max The upper boundary of the output range\n * @returns {number} A number in the range [min, max]\n */\nfunction clampWrapper(value, min = 0, max = 1) {\n  if (process.env.NODE_ENV !== 'production') {\n    if (value < min || value > max) {\n      console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);\n    }\n  }\n  return clamp(value, min, max);\n}\n\n/**\n * Converts a color from CSS hex format to CSS rgb format.\n * @param {string} color - Hex color, i.e. #nnn or #nnnnnn\n * @returns {string} A CSS rgb color string\n */\nexport function hexToRgb(color) {\n  color = color.slice(1);\n  const re = new RegExp(`.{1,${color.length >= 6 ? 2 : 1}}`, 'g');\n  let colors = color.match(re);\n  if (colors && colors[0].length === 1) {\n    colors = colors.map(n => n + n);\n  }\n  if (process.env.NODE_ENV !== 'production') {\n    if (color.length !== color.trim().length) {\n      console.error(`MUI: The color: \"${color}\" is invalid. Make sure the color input doesn't contain leading/trailing space.`);\n    }\n  }\n  return colors ? `rgb${colors.length === 4 ? 'a' : ''}(${colors.map((n, index) => {\n    return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1000) / 1000;\n  }).join(', ')})` : '';\n}\nfunction intToHex(int) {\n  const hex = int.toString(16);\n  return hex.length === 1 ? `0${hex}` : hex;\n}\n\n/**\n * Returns an object with the type and values of a color.\n *\n * Note: Does not support rgb % values.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {object} - A MUI color object: {type: string, values: number[]}\n */\nexport function decomposeColor(color) {\n  // Idempotent\n  if (color.type) {\n    return color;\n  }\n  if (color.charAt(0) === '#') {\n    return decomposeColor(hexToRgb(color));\n  }\n  const marker = color.indexOf('(');\n  const type = color.substring(0, marker);\n  if (!['rgb', 'rgba', 'hsl', 'hsla', 'color'].includes(type)) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: Unsupported \\`${color}\\` color.\\n` + 'The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().' : _formatErrorMessage(9, color));\n  }\n  let values = color.substring(marker + 1, color.length - 1);\n  let colorSpace;\n  if (type === 'color') {\n    values = values.split(' ');\n    colorSpace = values.shift();\n    if (values.length === 4 && values[3].charAt(0) === '/') {\n      values[3] = values[3].slice(1);\n    }\n    if (!['srgb', 'display-p3', 'a98-rgb', 'prophoto-rgb', 'rec-2020'].includes(colorSpace)) {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: unsupported \\`${colorSpace}\\` color space.\\n` + 'The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.' : _formatErrorMessage(10, colorSpace));\n    }\n  } else {\n    values = values.split(',');\n  }\n  values = values.map(value => parseFloat(value));\n  return {\n    type,\n    values,\n    colorSpace\n  };\n}\n\n/**\n * Returns a channel created from the input color.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {string} - The channel for the color, that can be used in rgba or hsla colors\n */\nexport const colorChannel = color => {\n  const decomposedColor = decomposeColor(color);\n  return decomposedColor.values.slice(0, 3).map((val, idx) => decomposedColor.type.includes('hsl') && idx !== 0 ? `${val}%` : val).join(' ');\n};\nexport const private_safeColorChannel = (color, warning) => {\n  try {\n    return colorChannel(color);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n};\n\n/**\n * Converts a color object with type and values to a string.\n * @param {object} color - Decomposed color\n * @param {string} color.type - One of: 'rgb', 'rgba', 'hsl', 'hsla', 'color'\n * @param {array} color.values - [n,n,n] or [n,n,n,n]\n * @returns {string} A CSS color string\n */\nexport function recomposeColor(color) {\n  const {\n    type,\n    colorSpace\n  } = color;\n  let {\n    values\n  } = color;\n  if (type.includes('rgb')) {\n    // Only convert the first 3 values to int (i.e. not alpha)\n    values = values.map((n, i) => i < 3 ? parseInt(n, 10) : n);\n  } else if (type.includes('hsl')) {\n    values[1] = `${values[1]}%`;\n    values[2] = `${values[2]}%`;\n  }\n  if (type.includes('color')) {\n    values = `${colorSpace} ${values.join(' ')}`;\n  } else {\n    values = `${values.join(', ')}`;\n  }\n  return `${type}(${values})`;\n}\n\n/**\n * Converts a color from CSS rgb format to CSS hex format.\n * @param {string} color - RGB color, i.e. rgb(n, n, n)\n * @returns {string} A CSS rgb color string, i.e. #nnnnnn\n */\nexport function rgbToHex(color) {\n  // Idempotent\n  if (color.startsWith('#')) {\n    return color;\n  }\n  const {\n    values\n  } = decomposeColor(color);\n  return `#${values.map((n, i) => intToHex(i === 3 ? Math.round(255 * n) : n)).join('')}`;\n}\n\n/**\n * Converts a color from hsl format to rgb format.\n * @param {string} color - HSL color values\n * @returns {string} rgb color values\n */\nexport function hslToRgb(color) {\n  color = decomposeColor(color);\n  const {\n    values\n  } = color;\n  const h = values[0];\n  const s = values[1] / 100;\n  const l = values[2] / 100;\n  const a = s * Math.min(l, 1 - l);\n  const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n  let type = 'rgb';\n  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];\n  if (color.type === 'hsla') {\n    type += 'a';\n    rgb.push(values[3]);\n  }\n  return recomposeColor({\n    type,\n    values: rgb\n  });\n}\n/**\n * The relative brightness of any point in a color space,\n * normalized to 0 for darkest black and 1 for lightest white.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {number} The relative brightness of the color in the range 0 - 1\n */\nexport function getLuminance(color) {\n  color = decomposeColor(color);\n  let rgb = color.type === 'hsl' || color.type === 'hsla' ? decomposeColor(hslToRgb(color)).values : color.values;\n  rgb = rgb.map(val => {\n    if (color.type !== 'color') {\n      val /= 255; // normalized\n    }\n    return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;\n  });\n\n  // Truncate at 3 digits\n  return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));\n}\n\n/**\n * Calculates the contrast ratio between two colors.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @param {string} foreground - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @returns {number} A contrast ratio value in the range 0 - 21.\n */\nexport function getContrastRatio(foreground, background) {\n  const lumA = getLuminance(foreground);\n  const lumB = getLuminance(background);\n  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);\n}\n\n/**\n * Sets the absolute transparency of a color.\n * Any existing alpha values are overwritten.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} value - value to set the alpha channel to in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function alpha(color, value) {\n  color = decomposeColor(color);\n  value = clampWrapper(value);\n  if (color.type === 'rgb' || color.type === 'hsl') {\n    color.type += 'a';\n  }\n  if (color.type === 'color') {\n    color.values[3] = `/${value}`;\n  } else {\n    color.values[3] = value;\n  }\n  return recomposeColor(color);\n}\nexport function private_safeAlpha(color, value, warning) {\n  try {\n    return alpha(color, value);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Darkens a color.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function darken(color, coefficient) {\n  color = decomposeColor(color);\n  coefficient = clampWrapper(coefficient);\n  if (color.type.includes('hsl')) {\n    color.values[2] *= 1 - coefficient;\n  } else if (color.type.includes('rgb') || color.type.includes('color')) {\n    for (let i = 0; i < 3; i += 1) {\n      color.values[i] *= 1 - coefficient;\n    }\n  }\n  return recomposeColor(color);\n}\nexport function private_safeDarken(color, coefficient, warning) {\n  try {\n    return darken(color, coefficient);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Lightens a color.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function lighten(color, coefficient) {\n  color = decomposeColor(color);\n  coefficient = clampWrapper(coefficient);\n  if (color.type.includes('hsl')) {\n    color.values[2] += (100 - color.values[2]) * coefficient;\n  } else if (color.type.includes('rgb')) {\n    for (let i = 0; i < 3; i += 1) {\n      color.values[i] += (255 - color.values[i]) * coefficient;\n    }\n  } else if (color.type.includes('color')) {\n    for (let i = 0; i < 3; i += 1) {\n      color.values[i] += (1 - color.values[i]) * coefficient;\n    }\n  }\n  return recomposeColor(color);\n}\nexport function private_safeLighten(color, coefficient, warning) {\n  try {\n    return lighten(color, coefficient);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Darken or lighten a color, depending on its luminance.\n * Light colors are darkened, dark colors are lightened.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient=0.15 - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function emphasize(color, coefficient = 0.15) {\n  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);\n}\nexport function private_safeEmphasize(color, coefficient, warning) {\n  try {\n    return emphasize(color, coefficient);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Blend a transparent overlay color with a background color, resulting in a single\n * RGB color.\n * @param {string} background - CSS color\n * @param {string} overlay - CSS color\n * @param {number} opacity - Opacity multiplier in the range 0 - 1\n * @param {number} [gamma=1.0] - Gamma correction factor. For gamma-correct blending, 2.2 is usual.\n */\nexport function blend(background, overlay, opacity, gamma = 1.0) {\n  const blendChannel = (b, o) => Math.round((b ** (1 / gamma) * (1 - opacity) + o ** (1 / gamma) * opacity) ** gamma);\n  const backgroundColor = decomposeColor(background);\n  const overlayColor = decomposeColor(overlay);\n  const rgb = [blendChannel(backgroundColor.values[0], overlayColor.values[0]), blendChannel(backgroundColor.values[1], overlayColor.values[1]), blendChannel(backgroundColor.values[2], overlayColor.values[2])];\n  return recomposeColor({\n    type: 'rgb',\n    values: rgb\n  });\n}"],"x_google_ignoreList":[0],"mappings":"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"}