@owp/core 2.2.6 → 2.3.1

package/dist/_virtual/index5.js

@@ -1,5 +1,8 @@
-var e = { exports: {} };
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  e as __module
+  s as default
 };
 //# sourceMappingURL=index5.js.map

package/dist/_virtual/index5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index6.js

@@ -1,8 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+var p = { exports: {} };
 export {
-  s as default
+  p as __module
 };
 //# sourceMappingURL=index6.js.map

package/dist/_virtual/index6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index7.js

@@ -1,5 +1,5 @@
-var p = { exports: {} };
+var e = { exports: {} };
 export {
-  p as __module
+  e as __module
 };
 //# sourceMappingURL=index7.js.map

package/dist/components/OwpDialog/OwpDialog.js

@@ -1,53 +1,53 @@
 var v = Object.defineProperty;
 var c = (i, e) => v(i, "name", { value: e, configurable: !0 });
 import { jsxs as l, jsx as r } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { useOwpTranslation as O } from "../../hooks/useOwpTranslation.js";
-import { DialogContent as j, DialogActions as K, Dialog as N, DialogTitle as b, Box as A, Button as m } from "@mui/material";
-import { forwardRef as R } from "react";
-const x = R(
+import { useOwpTranslation as s } from "../../hooks/useOwpTranslation.js";
+import { DialogContent as O, DialogActions as j, Dialog as K, DialogTitle as N, Box as b, Button as m } from "@mui/material";
+import { forwardRef as A } from "react";
+const R = A(
   ({
     title: i,
     children: e,
-    canCancel: D = !0,
+    canCancel: x = !0,
     canConfirm: a = !0,
-    confirmText: w,
-    cancelText: g,
-    onConfirm: o,
-    onCancel: f,
+    confirmText: D,
+    cancelText: h,
+    onConfirm: f,
+    onCancel: o,
     onClose: t,
     useSubmit: n,
-    actions: p,
-    contentProps: h,
+    actions: u,
+    contentProps: w,
     ...y
-  }, T) => {
-    const { t: u } = O(), B = w ?? u("Button.저장"), k = g ?? u(a ? "Button.취소" : "Button.닫기");
+  }, g) => {
+    const { t: d } = s(), T = D ?? d("Button.저장"), B = h ?? d(a ? "Button.취소" : "Button.닫기");
     return /* @__PURE__ */ l(
-      N,
+      K,
       {
-        ref: T,
+        ref: g,
         fullWidth: !0,
         component: n ? "form" : void 0,
-        onClose: /* @__PURE__ */ c((s, d) => {
-          d !== "backdropClick" && (t == null || t(s, d));
+        onClose: /* @__PURE__ */ c((k, p) => {
+          p !== "backdropClick" && (t == null || t(k, p));
         }, "onClose"),
         ...y,
         children: [
-          i && /* @__PURE__ */ r(b, { children: i }),
-          /* @__PURE__ */ r(j, { dividers: !0, ...h, children: e }),
-          /* @__PURE__ */ l(K, { children: [
-            p && /* @__PURE__ */ r(A, { className: "flex w-full items-start", children: p }),
-            D && /* @__PURE__ */ r(
+          i && /* @__PURE__ */ r(N, { children: i }),
+          /* @__PURE__ */ r(O, { dividers: !0, ...w, children: e }),
+          /* @__PURE__ */ l(j, { children: [
+            u && /* @__PURE__ */ r(b, { className: "flex w-full items-start", children: u }),
+            x && /* @__PURE__ */ r(
               m,
               {
                 variant: "outlined",
                 onClick: /* @__PURE__ */ c(() => {
-                  if (typeof f == "function") {
-                    f();
+                  if (typeof o == "function") {
+                    o();
                     return;
                   }
                   t == null || t({}, "escapeKeyDown");
                 }, "onClick"),
-                children: k
+                children: B
               }
             ),
             a && /* @__PURE__ */ r(
@@ -58,14 +58,14 @@ const x = R(
                 type: n ? "submit" : "button",
                 onClick: /* @__PURE__ */ c(() => {
                   if (!n) {
-                    if (typeof o == "function") {
-                      o();
+                    if (typeof f == "function") {
+                      f();
                       return;
                     }
                     t == null || t({}, "escapeKeyDown");
                   }
                 }, "onClick"),
-                children: B
+                children: T
               }
             )
           ] })
@@ -74,10 +74,8 @@ const x = R(
     );
   }
 );
-x.displayName = "OwpDialog";
-const G = x;
+R.displayName = "OwpDialog";
 export {
-  G as OwpCommonDialog,
-  x as OwpDialog
+  R as OwpDialog
 };
 //# sourceMappingURL=OwpDialog.js.map

package/dist/components/OwpDialog/OwpDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpDialog.js","sources":["../../../src/components/OwpDialog/OwpDialog.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  Box,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentProps,\n  DialogProps,\n  DialogTitle,\n} from '@mui/material';\nimport { forwardRef, ReactNode } from 'react';\n\nexport interface OwpDialogProps extends Omit<DialogProps, 'title'> {\n  title?: ReactNode;\n  children?: ReactNode;\n  canConfirm?: boolean;\n  canCancel?: boolean;\n  confirmText?: string;\n  cancelText?: string;\n  useSubmit?: boolean;\n  actions?: ReactNode;\n  contentProps?: DialogContentProps;\n  onConfirm?: () => void;\n  onCancel?: () => void;\n}\n\n/**\n * OwpDialog 컴포넌트\n * @param title 제목\n * @param children 하위 콘텐츠\n * @param canCancel canCancel 값\n * @param canConfirm canConfirm 값\n * @param onConfirm onConfirm 핸들러\n * @param onCancel onCancel 핸들러\n */\nconst OwpDialog = forwardRef<HTMLDivElement, OwpDialogProps>(\n  (\n    {\n      title,\n      children,\n      canCancel = true,\n      canConfirm = true,\n      confirmText: confirmTextProp,\n      cancelText: cancelTextProp,\n      onConfirm,\n      onCancel,\n      onClose,\n      useSubmit,\n      actions,\n      contentProps,\n      ...dialogProps\n    },\n    ref,\n  ) => {\n    const { t } = useOwpTranslation();\n    const confirmText = confirmTextProp ?? t('Button.저장');\n    const cancelText = cancelTextProp ?? t(canConfirm ? 'Button.취소' : 'Button.닫기');\n\n    return (\n      <Dialog\n        ref={ref}\n        fullWidth\n        component={useSubmit ? 'form' : undefined}\n        onClose={(event, reason) => {\n          if (reason === 'backdropClick') {\n            return;\n          }\n\n          onClose?.(event, reason);\n        }}\n        {...dialogProps}\n      >\n        {title && <DialogTitle>{title}</DialogTitle>}\n        <DialogContent dividers {...contentProps}>\n          {children}\n        </DialogContent>\n        <DialogActions>\n          {actions && <Box className=\"flex w-full items-start\">{actions}</Box>}\n          {canCancel && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                if (typeof onCancel === 'function') {\n                  onCancel();\n                  return;\n                }\n\n                onClose?.({}, 'escapeKeyDown');\n              }}\n            >\n              {cancelText}\n            </Button>\n          )}\n          {canConfirm && (\n            <Button\n              variant=\"contained\"\n              color=\"secondary\"\n              type={useSubmit ? 'submit' : 'button'}\n              onClick={() => {\n                if (useSubmit) {\n                  return;\n                }\n\n                if (typeof onConfirm === 'function') {\n                  onConfirm();\n                  return;\n                }\n\n                onClose?.({}, 'escapeKeyDown');\n              }}\n            >\n              {confirmText}\n            </Button>\n          )}\n        </DialogActions>\n      </Dialog>\n    );\n  },\n);\n\nOwpDialog.displayName = 'OwpDialog';\n\n/**\n * @deprecated Use OwpDialogProps instead.\n */\nexport type OwpCommonDialogProps = OwpDialogProps;\n\n/**\n * @deprecated Use OwpDialog instead.\n */\nconst OwpCommonDialog = OwpDialog;\n\nexport { OwpCommonDialog, OwpDialog };\n"],"names":["OwpDialog","forwardRef","title","children","canCancel","canConfirm","confirmTextProp","cancelTextProp","onConfirm","onCancel","onClose","useSubmit","actions","contentProps","dialogProps","ref","t","useOwpTranslation","confirmText","cancelText","jsxs","Dialog","__name","event","reason","jsx","DialogTitle","DialogContent","DialogActions","Box","Button","OwpCommonDialog"],"mappings":";;;;;;AAoCA,MAAMA,IAAYC;AAAA,EAChB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa;AAAA,IACb,aAAaC;AAAA,IACb,YAAYC;AAAA,IACZ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAcZ,KAAmBU,EAAE,WAAW,GAC9CG,IAAaZ,KAAkBS,EAAEX,IAAa,cAAc,WAAW;AAE7E,WACE,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAN;AAAA,QACA,WAAS;AAAA,QACT,WAAWJ,IAAY,SAAS;AAAA,QAChC,SAAS,gBAAAW,EAAA,CAACC,GAAOC,MAAW;AAC1B,UAAIA,MAAW,oBAIfd,KAAA,QAAAA,EAAUa,GAAOC;AAAA,QACnB,GANS;AAAA,QAOR,GAAGV;AAAA,QAEH,UAAA;AAAA,UAAAZ,KAAS,gBAAAuB,EAACC,KAAa,UAAAxB,EAAA,CAAM;AAAA,4BAC7ByB,GAAA,EAAc,UAAQ,IAAE,GAAGd,GACzB,UAAAV,GACH;AAAA,4BACCyB,GAAA,EACE,UAAA;AAAA,YAAAhB,KAAW,gBAAAa,EAACI,GAAA,EAAI,WAAU,2BAA2B,UAAAjB,GAAQ;AAAA,YAC7DR,KACC,gBAAAqB;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,SAAS,gBAAAR,EAAA,MAAM;AACb,sBAAI,OAAOb,KAAa,YAAY;AAClC,oBAAAA,EAAA;AACA;AAAA,kBACF;AAEA,kBAAAC,KAAA,QAAAA,EAAU,CAAA,GAAI;AAAA,gBAChB,GAPS;AAAA,gBASR,UAAAS;AAAA,cAAA;AAAA,YAAA;AAAA,YAGJd,KACC,gBAAAoB;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAMnB,IAAY,WAAW;AAAA,gBAC7B,SAAS,gBAAAW,EAAA,MAAM;AACb,sBAAI,CAAAX,GAIJ;AAAA,wBAAI,OAAOH,KAAc,YAAY;AACnC,sBAAAA,EAAA;AACA;AAAA,oBACF;AAEA,oBAAAE,KAAA,QAAAA,EAAU,CAAA,GAAI;AAAA;AAAA,gBAChB,GAXS;AAAA,gBAaR,UAAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAlB,EAAU,cAAc;AAUxB,MAAM+B,IAAkB/B;"}
+{"version":3,"file":"OwpDialog.js","sources":["../../../src/components/OwpDialog/OwpDialog.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  Box,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentProps,\n  DialogProps,\n  DialogTitle,\n} from '@mui/material';\nimport { forwardRef, ReactNode } from 'react';\n\nexport interface OwpDialogProps extends Omit<DialogProps, 'title'> {\n  title?: ReactNode;\n  children?: ReactNode;\n  canConfirm?: boolean;\n  canCancel?: boolean;\n  confirmText?: string;\n  cancelText?: string;\n  useSubmit?: boolean;\n  actions?: ReactNode;\n  contentProps?: DialogContentProps;\n  onConfirm?: () => void;\n  onCancel?: () => void;\n}\n\n/**\n * OwpDialog 컴포넌트\n * @param title 제목\n * @param children 하위 콘텐츠\n * @param canCancel canCancel 값\n * @param canConfirm canConfirm 값\n * @param onConfirm onConfirm 핸들러\n * @param onCancel onCancel 핸들러\n */\nconst OwpDialog = forwardRef<HTMLDivElement, OwpDialogProps>(\n  (\n    {\n      title,\n      children,\n      canCancel = true,\n      canConfirm = true,\n      confirmText: confirmTextProp,\n      cancelText: cancelTextProp,\n      onConfirm,\n      onCancel,\n      onClose,\n      useSubmit,\n      actions,\n      contentProps,\n      ...dialogProps\n    },\n    ref,\n  ) => {\n    const { t } = useOwpTranslation();\n    const confirmText = confirmTextProp ?? t('Button.저장');\n    const cancelText = cancelTextProp ?? t(canConfirm ? 'Button.취소' : 'Button.닫기');\n\n    return (\n      <Dialog\n        ref={ref}\n        fullWidth\n        component={useSubmit ? 'form' : undefined}\n        onClose={(event, reason) => {\n          if (reason === 'backdropClick') {\n            return;\n          }\n\n          onClose?.(event, reason);\n        }}\n        {...dialogProps}\n      >\n        {title && <DialogTitle>{title}</DialogTitle>}\n        <DialogContent dividers {...contentProps}>\n          {children}\n        </DialogContent>\n        <DialogActions>\n          {actions && <Box className=\"flex w-full items-start\">{actions}</Box>}\n          {canCancel && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                if (typeof onCancel === 'function') {\n                  onCancel();\n                  return;\n                }\n\n                onClose?.({}, 'escapeKeyDown');\n              }}\n            >\n              {cancelText}\n            </Button>\n          )}\n          {canConfirm && (\n            <Button\n              variant=\"contained\"\n              color=\"secondary\"\n              type={useSubmit ? 'submit' : 'button'}\n              onClick={() => {\n                if (useSubmit) {\n                  return;\n                }\n\n                if (typeof onConfirm === 'function') {\n                  onConfirm();\n                  return;\n                }\n\n                onClose?.({}, 'escapeKeyDown');\n              }}\n            >\n              {confirmText}\n            </Button>\n          )}\n        </DialogActions>\n      </Dialog>\n    );\n  },\n);\n\nOwpDialog.displayName = 'OwpDialog';\nexport { OwpDialog };\n"],"names":["OwpDialog","forwardRef","title","children","canCancel","canConfirm","confirmTextProp","cancelTextProp","onConfirm","onCancel","onClose","useSubmit","actions","contentProps","dialogProps","ref","t","useOwpTranslation","confirmText","cancelText","jsxs","Dialog","__name","event","reason","jsx","DialogTitle","DialogContent","DialogActions","Box","Button"],"mappings":";;;;;;AAoCA,MAAMA,IAAYC;AAAA,EAChB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa;AAAA,IACb,aAAaC;AAAA,IACb,YAAYC;AAAA,IACZ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAcZ,KAAmBU,EAAE,WAAW,GAC9CG,IAAaZ,KAAkBS,EAAEX,IAAa,cAAc,WAAW;AAE7E,WACE,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAN;AAAA,QACA,WAAS;AAAA,QACT,WAAWJ,IAAY,SAAS;AAAA,QAChC,SAAS,gBAAAW,EAAA,CAACC,GAAOC,MAAW;AAC1B,UAAIA,MAAW,oBAIfd,KAAA,QAAAA,EAAUa,GAAOC;AAAA,QACnB,GANS;AAAA,QAOR,GAAGV;AAAA,QAEH,UAAA;AAAA,UAAAZ,KAAS,gBAAAuB,EAACC,KAAa,UAAAxB,EAAA,CAAM;AAAA,4BAC7ByB,GAAA,EAAc,UAAQ,IAAE,GAAGd,GACzB,UAAAV,GACH;AAAA,4BACCyB,GAAA,EACE,UAAA;AAAA,YAAAhB,KAAW,gBAAAa,EAACI,GAAA,EAAI,WAAU,2BAA2B,UAAAjB,GAAQ;AAAA,YAC7DR,KACC,gBAAAqB;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,SAAS,gBAAAR,EAAA,MAAM;AACb,sBAAI,OAAOb,KAAa,YAAY;AAClC,oBAAAA,EAAA;AACA;AAAA,kBACF;AAEA,kBAAAC,KAAA,QAAAA,EAAU,CAAA,GAAI;AAAA,gBAChB,GAPS;AAAA,gBASR,UAAAS;AAAA,cAAA;AAAA,YAAA;AAAA,YAGJd,KACC,gBAAAoB;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAMnB,IAAY,WAAW;AAAA,gBAC7B,SAAS,gBAAAW,EAAA,MAAM;AACb,sBAAI,CAAAX,GAIJ;AAAA,wBAAI,OAAOH,KAAc,YAAY;AACnC,sBAAAA,EAAA;AACA;AAAA,oBACF;AAEA,oBAAAE,KAAA,QAAAA,EAAU,CAAA,GAAI;AAAA;AAAA,gBAChB,GAXS;AAAA,gBAaR,UAAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAlB,EAAU,cAAc;"}

package/dist/components/OwpLayout/OwpLayout.js

@@ -1,48 +1,47 @@
-var v = Object.defineProperty;
-var g = (s, o) => v(s, "name", { value: o, configurable: !0 });
-import { jsx as I } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+var w = Object.defineProperty;
+var g = (s, o) => w(s, "name", { value: o, configurable: !0 });
+import { jsx as L } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
 import { themeLayouts as R } from "../../layout/themeLayouts.js";
 import { useOwpAppContext as z } from "../../contexts/OwpAppProvider.js";
-import { generateSettings as C } from "../../configs/defaultConfig.js";
-import { useOwpTranslation as P } from "../../hooks/useOwpTranslation.js";
-import { useAppDispatch as x, useAppSelector as L } from "../../hooks/useAppStore.js";
-import { selectOwpCurrentSettings as A, selectOwpDefaultSettings as j, setSettings as B } from "../../store/owpSettingsSlice.js";
-import { useRef as D, useMemo as f, useEffect as h } from "react";
+import { generateSettings as O } from "../../configs/defaultConfig.js";
+import { useOwpTranslation as C } from "../../hooks/useOwpTranslation.js";
+import { useSetSettings as P, useGetCurrentSettings as x, useGetDefaultSettings as j } from "../../hooks/useOwpSettings.js";
+import { useRef as B, useMemo as f, useEffect as S } from "react";
 import { useLocation as E, matchRoutes as F } from "react-router-dom";
-import { isEqual as M } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
-import { merge as T } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/merge.js";
-import { OwpLoading as b } from "../OwpLoading/OwpLoading.js";
-function $(s) {
+import { isEqual as G } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+import { merge as M } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/merge.js";
+import { OwpLoading as T } from "../OwpLoading/OwpLoading.js";
+function Y(s) {
   var y;
-  const { routesConfig: o } = z(), { i18n: r } = P(), { layouts: l = R, children: u } = s, a = x(), t = L(A), i = L(j), m = (y = t == null ? void 0 : t.layout) == null ? void 0 : y.style, e = E(), { pathname: p } = e, S = D(!1), d = f(
-    () => k(o, p, "settings", !0),
-    [p, o]
-  ), c = f(() => d === void 0 ? i : C(i, d), [i, d]), n = f(
-    () => t === c || M(c, t),
+  const { routesConfig: o } = z(), { i18n: r } = C(), { layouts: m = R, children: u } = s, a = P(), t = x(), n = j(), l = (y = t == null ? void 0 : t.layout) == null ? void 0 : y.style, e = E(), { pathname: d } = e, h = B(!1), p = f(
+    () => b(o, d, "settings", !0),
+    [d, o]
+  ), c = f(() => p === void 0 ? n : O(n, p), [n, p]), i = f(
+    () => t === c || G(c, t),
     [c, t]
   );
-  return h(() => {
-    n || a(B(c));
-  }, [c, a, n]), h(() => {
+  return S(() => {
+    i || a(c);
+  }, [c, i, a]), S(() => {
     window.scrollTo(0, 0);
-  }, [p]), h(() => {
-    n && r.isInitialized && (S.current = !0);
-  }, [r.isInitialized, n]), f(() => !r.isInitialized || !n && !S.current ? /* @__PURE__ */ I(b, {}) : Object.entries(l).map(([w, O]) => w === m ? /* @__PURE__ */ I(O, { children: u }, w) : null), [u, r.isInitialized, n, m, l]);
+  }, [d]), S(() => {
+    i && r.isInitialized && (h.current = !0);
+  }, [r.isInitialized, i]), f(() => !r.isInitialized || !i && !h.current ? /* @__PURE__ */ L(T, {}) : Object.entries(m).map(([I, v]) => I === l ? /* @__PURE__ */ L(v, { children: u }, I) : null), [u, r.isInitialized, i, l, m]);
 }
-g($, "OwpLayout");
-function k(s, o, r, l = !0) {
+g(Y, "OwpLayout");
+function b(s, o, r, m = !0) {
   const u = F(s, o);
   if (!u)
     return;
   let a = !1;
-  const t = u.reduce((i, m) => {
-    const e = m.route[r];
-    return e === void 0 ? i : (a = !0, !l || e === null ? e : T(i ?? {}, e));
+  const t = u.reduce((n, l) => {
+    const e = l.route[r];
+    return e === void 0 ? n : (a = !0, !m || e === null ? e : M(n ?? {}, e));
   }, void 0);
   return a ? t : void 0;
 }
-g(k, "getRouteParamUtil");
+g(b, "getRouteParamUtil");
 export {
-  $ as OwpLayout
+  Y as OwpLayout
 };
 //# sourceMappingURL=OwpLayout.js.map

package/dist/components/OwpLayout/OwpLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpLayout.js","sources":["../../../src/components/OwpLayout/OwpLayout.tsx"],"sourcesContent":["import { themeLayouts, themeLayoutsType } from '@/layout/themeLayouts';\nimport { useOwpAppContext } from '@/contexts/OwpAppProvider';\nimport { generateSettings } from '@/configs/defaultConfig';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useAppDispatch, useAppSelector } from '@/hooks/useAppStore';\nimport {\n  selectOwpCurrentSettings,\n  selectOwpDefaultSettings,\n  setSettings,\n} from '@/store/owpSettingsSlice';\nimport type { OwpSettingsConfigType } from '@/types/OwpSettingsTypes';\nimport { OwpRoutesType } from '@/utils/common/OwpUtils';\nimport { isEqual, merge } from 'es-toolkit/compat';\nimport { type ReactNode, useEffect, useMemo, useRef } from 'react';\nimport { matchRoutes, RouteMatch, RouteObject, useLocation } from 'react-router-dom';\nimport { OwpLoading } from '../OwpLoading';\n\nexport type OwpRouteObjectType = RouteObject & {\n  settings?: OwpSettingsConfigType;\n  auth?: string[] | [] | null | undefined;\n};\n\nexport type OwpRouteMatchType = RouteMatch & {\n  route: OwpRouteObjectType;\n};\n\ntype OwpLayoutProps = {\n  layouts?: themeLayoutsType;\n  children?: ReactNode;\n};\n\n/**\n * OwpLayout\n * React frontend component in a React project that is used for layouting the user interface. The component\n * handles generating user interface settings related to current routes, merged with default settings, and uses\n * the new settings to generate layouts.\n */\nfunction OwpLayout(props: OwpLayoutProps) {\n  const { routesConfig } = useOwpAppContext();\n  const { i18n } = useOwpTranslation();\n\n  const { layouts = themeLayouts, children } = props;\n  const dispatch = useAppDispatch();\n  const settings = useAppSelector(selectOwpCurrentSettings);\n  const defaultSettings = useAppSelector(selectOwpDefaultSettings);\n\n  const layoutStyle = settings?.layout?.style;\n  const location = useLocation();\n  const { pathname } = location;\n  const hasCompletedInitialLayoutSyncRef = useRef(false);\n\n  const matchedSettings = useMemo(\n    () => getRouteParamUtil(routesConfig, pathname, 'settings', true),\n    [pathname, routesConfig],\n  );\n  const currentSettings = useMemo(() => {\n    if (matchedSettings === undefined) {\n      return defaultSettings;\n    }\n\n    return generateSettings(defaultSettings, matchedSettings);\n  }, [defaultSettings, matchedSettings]);\n  const isSettingsSynchronized = useMemo(\n    () => settings === currentSettings || isEqual(currentSettings, settings),\n    [currentSettings, settings],\n  );\n\n  useEffect(() => {\n    if (isSettingsSynchronized) {\n      return;\n    }\n\n    dispatch(setSettings(currentSettings));\n  }, [currentSettings, dispatch, isSettingsSynchronized]);\n\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, [pathname]);\n\n  useEffect(() => {\n    if (isSettingsSynchronized && i18n.isInitialized) {\n      hasCompletedInitialLayoutSyncRef.current = true;\n    }\n  }, [i18n.isInitialized, isSettingsSynchronized]);\n\n  return useMemo(() => {\n    const shouldBlockForInitialLoading =\n      !i18n.isInitialized ||\n      (!isSettingsSynchronized && !hasCompletedInitialLayoutSyncRef.current);\n\n    if (shouldBlockForInitialLoading) {\n      return <OwpLoading />;\n    }\n\n    return Object.entries(layouts).map(([key, Layout]) => {\n      if (key === layoutStyle) {\n        return <Layout key={key}>{children}</Layout>;\n      }\n\n      return null;\n    });\n  }, [children, i18n.isInitialized, isSettingsSynchronized, layoutStyle, layouts]);\n}\n\nexport { OwpLayout };\n\n/**\n * Utility function to retrieve and merge or replace a specific route parameter from matched routes.\n *\n * @param pathname The current pathname\n * @param key The key of the parameter to merge or replace (e.g., 'settings', 'auth')\n * @param useMerge Whether to merge the parameter (using es-toolkit merge) or replace it\n * @returns The merged or replaced parameter data of type T\n */\nfunction getRouteParamUtil<T>(\n  routes: OwpRoutesType,\n  pathname: string,\n  key: keyof OwpRouteObjectType,\n  useMerge: boolean = true,\n): T | undefined {\n  const matchedRoutes = matchRoutes(routes, pathname) as OwpRouteMatchType[] | null;\n\n  if (!matchedRoutes) {\n    return undefined;\n  }\n\n  let hasMatchedParam = false;\n\n  const resolvedRouteParam = matchedRoutes.reduce<T | undefined>((acc, match) => {\n    const routeParam = match.route[key] as T | undefined;\n\n    if (routeParam === undefined) {\n      return acc;\n    }\n\n    hasMatchedParam = true;\n\n    if (!useMerge) {\n      return routeParam;\n    }\n\n    if (routeParam === null) {\n      return routeParam;\n    }\n\n    return merge(acc ?? {}, routeParam);\n  }, undefined);\n\n  return hasMatchedParam ? resolvedRouteParam : undefined;\n}\n"],"names":["OwpLayout","props","routesConfig","useOwpAppContext","i18n","useOwpTranslation","layouts","themeLayouts","children","dispatch","useAppDispatch","settings","useAppSelector","selectOwpCurrentSettings","defaultSettings","selectOwpDefaultSettings","layoutStyle","_a","location","useLocation","pathname","hasCompletedInitialLayoutSyncRef","useRef","matchedSettings","useMemo","getRouteParamUtil","currentSettings","generateSettings","isSettingsSynchronized","isEqual","useEffect","setSettings","OwpLoading","key","Layout","jsx","__name","routes","useMerge","matchedRoutes","matchRoutes","hasMatchedParam","resolvedRouteParam","acc","match","routeParam","merge"],"mappings":";;;;;;;;;;;;;;AAqCA,SAASA,EAAUC,GAAuB;;AACxC,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnB,EAAE,MAAAC,EAAA,IAASC,EAAA,GAEX,EAAE,SAAAC,IAAUC,GAAc,UAAAC,EAAA,IAAaP,GACvCQ,IAAWC,EAAA,GACXC,IAAWC,EAAeC,CAAwB,GAClDC,IAAkBF,EAAeG,CAAwB,GAEzDC,KAAcC,IAAAN,KAAA,gBAAAA,EAAU,WAAV,gBAAAM,EAAkB,OAChCC,IAAWC,EAAA,GACX,EAAE,UAAAC,MAAaF,GACfG,IAAmCC,EAAO,EAAK,GAE/CC,IAAkBC;AAAA,IACtB,MAAMC,EAAkBvB,GAAckB,GAAU,YAAY,EAAI;AAAA,IAChE,CAACA,GAAUlB,CAAY;AAAA,EAAA,GAEnBwB,IAAkBF,EAAQ,MAC1BD,MAAoB,SACfT,IAGFa,EAAiBb,GAAiBS,CAAe,GACvD,CAACT,GAAiBS,CAAe,CAAC,GAC/BK,IAAyBJ;AAAA,IAC7B,MAAMb,MAAae,KAAmBG,EAAQH,GAAiBf,CAAQ;AAAA,IACvE,CAACe,GAAiBf,CAAQ;AAAA,EAAA;AAG5B,SAAAmB,EAAU,MAAM;AACd,IAAIF,KAIJnB,EAASsB,EAAYL,CAAe,CAAC;AAAA,EACvC,GAAG,CAACA,GAAiBjB,GAAUmB,CAAsB,CAAC,GAEtDE,EAAU,MAAM;AACd,WAAO,SAAS,GAAG,CAAC;AAAA,EACtB,GAAG,CAACV,CAAQ,CAAC,GAEbU,EAAU,MAAM;AACd,IAAIF,KAA0BxB,EAAK,kBACjCiB,EAAiC,UAAU;AAAA,EAE/C,GAAG,CAACjB,EAAK,eAAewB,CAAsB,CAAC,GAExCJ,EAAQ,MAEX,CAACpB,EAAK,iBACL,CAACwB,KAA0B,CAACP,EAAiC,4BAGtDW,GAAA,EAAW,IAGd,OAAO,QAAQ1B,CAAO,EAAE,IAAI,CAAC,CAAC2B,GAAKC,CAAM,MAC1CD,MAAQjB,IACH,gBAAAmB,EAACD,GAAA,EAAkB,UAAA1B,EAAA,GAANyB,CAAe,IAG9B,IACR,GACA,CAACzB,GAAUJ,EAAK,eAAewB,GAAwBZ,GAAaV,CAAO,CAAC;AACjF;AAjES8B,EAAApC,GAAA;AA6ET,SAASyB,EACPY,GACAjB,GACAa,GACAK,IAAoB,IACL;AACf,QAAMC,IAAgBC,EAAYH,GAAQjB,CAAQ;AAElD,MAAI,CAACmB;AACH;AAGF,MAAIE,IAAkB;AAEtB,QAAMC,IAAqBH,EAAc,OAAsB,CAACI,GAAKC,MAAU;AAC7E,UAAMC,IAAaD,EAAM,MAAMX,CAAG;AAElC,WAAIY,MAAe,SACVF,KAGTF,IAAkB,IAEd,CAACH,KAIDO,MAAe,OACVA,IAGFC,EAAMH,KAAO,CAAA,GAAIE,CAAU;AAAA,EACpC,GAAG,MAAS;AAEZ,SAAOJ,IAAkBC,IAAqB;AAChD;AAnCSN,EAAAX,GAAA;"}
+{"version":3,"file":"OwpLayout.js","sources":["../../../src/components/OwpLayout/OwpLayout.tsx"],"sourcesContent":["import { themeLayouts, themeLayoutsType } from '@/layout/themeLayouts';\nimport { useOwpAppContext } from '@/contexts/OwpAppProvider';\nimport { generateSettings } from '@/configs/defaultConfig';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  useGetCurrentSettings,\n  useGetDefaultSettings,\n  useSetSettings,\n} from '@/hooks/useOwpSettings';\nimport type { OwpSettingsConfigType } from '@/types/OwpSettingsTypes';\nimport { OwpRoutesType } from '@/utils/common/OwpUtils';\nimport { isEqual, merge } from 'es-toolkit/compat';\nimport { type ReactNode, useEffect, useMemo, useRef } from 'react';\nimport { matchRoutes, RouteMatch, RouteObject, useLocation } from 'react-router-dom';\nimport { OwpLoading } from '../OwpLoading';\n\nexport type OwpRouteObjectType = RouteObject & {\n  settings?: OwpSettingsConfigType;\n  auth?: string[] | [] | null | undefined;\n};\n\nexport type OwpRouteMatchType = RouteMatch & {\n  route: OwpRouteObjectType;\n};\n\ntype OwpLayoutProps = {\n  layouts?: themeLayoutsType;\n  children?: ReactNode;\n};\n\n/**\n * OwpLayout\n * React frontend component in a React project that is used for layouting the user interface. The component\n * handles generating user interface settings related to current routes, merged with default settings, and uses\n * the new settings to generate layouts.\n */\nfunction OwpLayout(props: OwpLayoutProps) {\n  const { routesConfig } = useOwpAppContext();\n  const { i18n } = useOwpTranslation();\n\n  const { layouts = themeLayouts, children } = props;\n  const setSettings = useSetSettings();\n  const settings = useGetCurrentSettings();\n  const defaultSettings = useGetDefaultSettings();\n\n  const layoutStyle = settings?.layout?.style;\n  const location = useLocation();\n  const { pathname } = location;\n  const hasCompletedInitialLayoutSyncRef = useRef(false);\n\n  const matchedSettings = useMemo(\n    () => getRouteParamUtil(routesConfig, pathname, 'settings', true),\n    [pathname, routesConfig],\n  );\n  const currentSettings = useMemo(() => {\n    if (matchedSettings === undefined) {\n      return defaultSettings;\n    }\n\n    return generateSettings(defaultSettings, matchedSettings);\n  }, [defaultSettings, matchedSettings]);\n  const isSettingsSynchronized = useMemo(\n    () => settings === currentSettings || isEqual(currentSettings, settings),\n    [currentSettings, settings],\n  );\n\n  useEffect(() => {\n    if (isSettingsSynchronized) {\n      return;\n    }\n\n    setSettings(currentSettings);\n  }, [currentSettings, isSettingsSynchronized, setSettings]);\n\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, [pathname]);\n\n  useEffect(() => {\n    if (isSettingsSynchronized && i18n.isInitialized) {\n      hasCompletedInitialLayoutSyncRef.current = true;\n    }\n  }, [i18n.isInitialized, isSettingsSynchronized]);\n\n  return useMemo(() => {\n    const shouldBlockForInitialLoading =\n      !i18n.isInitialized ||\n      (!isSettingsSynchronized && !hasCompletedInitialLayoutSyncRef.current);\n\n    if (shouldBlockForInitialLoading) {\n      return <OwpLoading />;\n    }\n\n    return Object.entries(layouts).map(([key, Layout]) => {\n      if (key === layoutStyle) {\n        return <Layout key={key}>{children}</Layout>;\n      }\n\n      return null;\n    });\n  }, [children, i18n.isInitialized, isSettingsSynchronized, layoutStyle, layouts]);\n}\n\nexport { OwpLayout };\n\n/**\n * Utility function to retrieve and merge or replace a specific route parameter from matched routes.\n *\n * @param pathname The current pathname\n * @param key The key of the parameter to merge or replace (e.g., 'settings', 'auth')\n * @param useMerge Whether to merge the parameter (using es-toolkit merge) or replace it\n * @returns The merged or replaced parameter data of type T\n */\nfunction getRouteParamUtil<T>(\n  routes: OwpRoutesType,\n  pathname: string,\n  key: keyof OwpRouteObjectType,\n  useMerge: boolean = true,\n): T | undefined {\n  const matchedRoutes = matchRoutes(routes, pathname) as OwpRouteMatchType[] | null;\n\n  if (!matchedRoutes) {\n    return undefined;\n  }\n\n  let hasMatchedParam = false;\n\n  const resolvedRouteParam = matchedRoutes.reduce<T | undefined>((acc, match) => {\n    const routeParam = match.route[key] as T | undefined;\n\n    if (routeParam === undefined) {\n      return acc;\n    }\n\n    hasMatchedParam = true;\n\n    if (!useMerge) {\n      return routeParam;\n    }\n\n    if (routeParam === null) {\n      return routeParam;\n    }\n\n    return merge(acc ?? {}, routeParam);\n  }, undefined);\n\n  return hasMatchedParam ? resolvedRouteParam : undefined;\n}\n"],"names":["OwpLayout","props","routesConfig","useOwpAppContext","i18n","useOwpTranslation","layouts","themeLayouts","children","setSettings","useSetSettings","settings","useGetCurrentSettings","defaultSettings","useGetDefaultSettings","layoutStyle","_a","location","useLocation","pathname","hasCompletedInitialLayoutSyncRef","useRef","matchedSettings","useMemo","getRouteParamUtil","currentSettings","generateSettings","isSettingsSynchronized","isEqual","useEffect","OwpLoading","key","Layout","jsx","__name","routes","useMerge","matchedRoutes","matchRoutes","hasMatchedParam","resolvedRouteParam","acc","match","routeParam","merge"],"mappings":";;;;;;;;;;;;;AAoCA,SAASA,EAAUC,GAAuB;;AACxC,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnB,EAAE,MAAAC,EAAA,IAASC,EAAA,GAEX,EAAE,SAAAC,IAAUC,GAAc,UAAAC,EAAA,IAAaP,GACvCQ,IAAcC,EAAA,GACdC,IAAWC,EAAA,GACXC,IAAkBC,EAAA,GAElBC,KAAcC,IAAAL,KAAA,gBAAAA,EAAU,WAAV,gBAAAK,EAAkB,OAChCC,IAAWC,EAAA,GACX,EAAE,UAAAC,MAAaF,GACfG,IAAmCC,EAAO,EAAK,GAE/CC,IAAkBC;AAAA,IACtB,MAAMC,EAAkBtB,GAAciB,GAAU,YAAY,EAAI;AAAA,IAChE,CAACA,GAAUjB,CAAY;AAAA,EAAA,GAEnBuB,IAAkBF,EAAQ,MAC1BD,MAAoB,SACfT,IAGFa,EAAiBb,GAAiBS,CAAe,GACvD,CAACT,GAAiBS,CAAe,CAAC,GAC/BK,IAAyBJ;AAAA,IAC7B,MAAMZ,MAAac,KAAmBG,EAAQH,GAAiBd,CAAQ;AAAA,IACvE,CAACc,GAAiBd,CAAQ;AAAA,EAAA;AAG5B,SAAAkB,EAAU,MAAM;AACd,IAAIF,KAIJlB,EAAYgB,CAAe;AAAA,EAC7B,GAAG,CAACA,GAAiBE,GAAwBlB,CAAW,CAAC,GAEzDoB,EAAU,MAAM;AACd,WAAO,SAAS,GAAG,CAAC;AAAA,EACtB,GAAG,CAACV,CAAQ,CAAC,GAEbU,EAAU,MAAM;AACd,IAAIF,KAA0BvB,EAAK,kBACjCgB,EAAiC,UAAU;AAAA,EAE/C,GAAG,CAAChB,EAAK,eAAeuB,CAAsB,CAAC,GAExCJ,EAAQ,MAEX,CAACnB,EAAK,iBACL,CAACuB,KAA0B,CAACP,EAAiC,4BAGtDU,GAAA,EAAW,IAGd,OAAO,QAAQxB,CAAO,EAAE,IAAI,CAAC,CAACyB,GAAKC,CAAM,MAC1CD,MAAQhB,IACH,gBAAAkB,EAACD,GAAA,EAAkB,UAAAxB,EAAA,GAANuB,CAAe,IAG9B,IACR,GACA,CAACvB,GAAUJ,EAAK,eAAeuB,GAAwBZ,GAAaT,CAAO,CAAC;AACjF;AAjES4B,EAAAlC,GAAA;AA6ET,SAASwB,EACPW,GACAhB,GACAY,GACAK,IAAoB,IACL;AACf,QAAMC,IAAgBC,EAAYH,GAAQhB,CAAQ;AAElD,MAAI,CAACkB;AACH;AAGF,MAAIE,IAAkB;AAEtB,QAAMC,IAAqBH,EAAc,OAAsB,CAACI,GAAKC,MAAU;AAC7E,UAAMC,IAAaD,EAAM,MAAMX,CAAG;AAElC,WAAIY,MAAe,SACVF,KAGTF,IAAkB,IAEd,CAACH,KAIDO,MAAe,OACVA,IAGFC,EAAMH,KAAO,CAAA,GAAIE,CAAU;AAAA,EACpC,GAAG,MAAS;AAEZ,SAAOJ,IAAkBC,IAAqB;AAChD;AAnCSN,EAAAV,GAAA;"}