@ruya.sa/ui 3.71.3

package/dist/elements/Loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useLoadingOverlay","useFormProcessing","useTranslation","baseClass","LoadingOverlay","t0","$","animationDuration","loadingText","overlayType","show","t1","undefined","t","t2","t3","t4","filter","Boolean","t5","join","t6","t7","_jsxs","className","style","children","_jsx","LoadingOverlayToggle","name","key","type","toggleLoadingOverlay","isLoading","useEffect","FormLoadingOverlayToggle","action","formIsLoading","loadingSuffix","isProcessing","i18n","labels","create","loading","update","trim"],"sources":["../../../src/elements/Loading/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@ruya.sa/translations'\nimport React from 'react'\n\nimport type { LoadingOverlayTypes } from '../../elements/LoadingOverlay/types.js'\n\nimport { useLoadingOverlay } from '../../elements/LoadingOverlay/index.js'\nimport { useFormProcessing } from '../../forms/Form/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'loading-overlay'\n\ntype LoadingOverlayProps = {\n  animationDuration?: string\n  loadingText?: string\n  overlayType?: string\n  show?: boolean\n}\n\nexport const LoadingOverlay: React.FC<LoadingOverlayProps> = ({\n  animationDuration,\n  loadingText,\n  overlayType,\n  show = true,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <div\n      className={[\n        baseClass,\n        show ? `${baseClass}--entering` : `${baseClass}--exiting`,\n        overlayType ? `${baseClass}--${overlayType}` : '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        animationDuration: animationDuration || '500ms',\n      }}\n    >\n      <div className={`${baseClass}__bars`}>\n        <div className={`${baseClass}__bar`} />\n        <div className={`${baseClass}__bar`} />\n        <div className={`${baseClass}__bar`} />\n        <div className={`${baseClass}__bar`} />\n        <div className={`${baseClass}__bar`} />\n      </div>\n\n      <span className={`${baseClass}__text`}>{loadingText || t('general:loading')}</span>\n    </div>\n  )\n}\n\nexport type UseLoadingOverlayToggleProps = {\n  loadingText?: string\n  name: string\n  show: boolean\n  type?: LoadingOverlayTypes\n}\nexport const LoadingOverlayToggle: React.FC<UseLoadingOverlayToggleProps> = ({\n  name: key,\n  type = 'fullscreen',\n  loadingText,\n  show,\n}) => {\n  const { toggleLoadingOverlay } = useLoadingOverlay()\n\n  React.useEffect(() => {\n    toggleLoadingOverlay({\n      type,\n      isLoading: show,\n      key,\n      loadingText: loadingText || undefined,\n    })\n\n    return () => {\n      toggleLoadingOverlay({\n        type,\n        isLoading: false,\n        key,\n      })\n    }\n  }, [show, toggleLoadingOverlay, key, type, loadingText])\n\n  return null\n}\n\nexport type FormLoadingOverlayToggleProps = {\n  action: 'create' | 'loading' | 'update'\n  formIsLoading?: boolean\n  loadingSuffix?: string\n  name: string\n  type?: LoadingOverlayTypes\n}\n\nexport const FormLoadingOverlayToggle: React.FC<FormLoadingOverlayToggleProps> = ({\n  name,\n  type = 'fullscreen',\n  action,\n  formIsLoading = false,\n  loadingSuffix,\n}) => {\n  const isProcessing = useFormProcessing()\n  const { i18n, t } = useTranslation()\n\n  const labels = {\n    create: t('general:creating'),\n    loading: t('general:loading'),\n    update: t('general:updating'),\n  }\n\n  return (\n    <LoadingOverlayToggle\n      loadingText={`${labels[action]} ${\n        loadingSuffix ? getTranslation(loadingSuffix, i18n) : ''\n      }`.trim()}\n      name={name}\n      show={formIsLoading || isProcessing}\n      type={type}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Loading/index.scss

@@ -0,0 +1,138 @@
+@import '../../scss/styles';
+
+@layer payload-default {
+  .loading-overlay {
+    isolation: isolate;
+    height: 100%;
+    width: 100%;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    position: fixed;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    pointer-events: none;
+    z-index: calc(var(--z-status) + 1);
+    transition-property: left, width;
+    transition: 250ms ease;
+
+    &.loading-overlay--entering {
+      opacity: 1;
+      animation: fade-in ease;
+      pointer-events: all;
+    }
+
+    &.loading-overlay--exiting {
+      opacity: 0;
+      animation: fade-out ease;
+    }
+
+    &:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: var(--theme-elevation-0);
+      opacity: 0.85;
+      z-index: -1;
+    }
+
+    &__bars {
+      display: grid;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+      gap: 7px;
+      align-items: center;
+    }
+
+    &__bar {
+      width: 2px;
+      background-color: currentColor;
+      height: 15px;
+
+      &:nth-child(1) {
+        transform: translateY(0);
+        animation: animate-bar--odd 1.25s infinite;
+      }
+
+      &:nth-child(2) {
+        transform: translateY(-2px);
+        animation: animate-bar--even 1.25s infinite;
+      }
+
+      &:nth-child(3) {
+        transform: translateY(0);
+        animation: animate-bar--odd 1.25s infinite;
+      }
+
+      &:nth-child(4) {
+        transform: translateY(-2px);
+        animation: animate-bar--even 1.25s infinite;
+      }
+
+      &:nth-child(5) {
+        transform: translateY(0);
+        animation: animate-bar--odd 1.25s infinite;
+      }
+    }
+
+    &__text {
+      margin-top: base(0.75);
+      text-transform: uppercase;
+      font-family: var(--font-body);
+      font-size: base(0.65);
+      letter-spacing: 3px;
+    }
+  }
+
+  @keyframes animate-bar--even {
+    0% {
+      transform: translateY(2px);
+    }
+
+    50% {
+      transform: translateY(-2px);
+    }
+
+    100% {
+      transform: translateY(2px);
+    }
+  }
+
+  @keyframes animate-bar--odd {
+    0% {
+      transform: translateY(-2px);
+    }
+
+    50% {
+      transform: translateY(2px);
+    }
+
+    100% {
+      transform: translateY(-2px);
+    }
+  }
+
+  @keyframes fade-in {
+    0% {
+      opacity: 0;
+    }
+
+    100% {
+      opacity: 1;
+    }
+  }
+
+  @keyframes fade-out {
+    0% {
+      opacity: 1;
+    }
+
+    100% {
+      opacity: 0;
+    }
+  }
+}

package/dist/elements/LoadingOverlay/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { LoadingOverlayContext } from './types.js';
+export declare const LoadingOverlayProvider: React.FC<{
+    children?: React.ReactNode;
+}>;
+export declare const useLoadingOverlay: () => LoadingOverlayContext;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/LoadingOverlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/LoadingOverlay/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAE5C,OAAO,KAAK,EAAE,qBAAqB,EAAwB,MAAM,YAAY,CAAA;AAc7E,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAwD3E,CAAA;AAED,eAAO,MAAM,iBAAiB,QAAO,qBAOpC,CAAA"}

package/dist/elements/LoadingOverlay/index.js

@@ -0,0 +1,79 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { createContext } from 'react';
+import { LoadingOverlay } from '../../elements/Loading/index.js';
+import { useDelayedRender } from '../../hooks/useDelayedRender.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { defaultLoadingOverlayState, reducer } from './reducer.js';
+const animatedDuration = 250;
+const Context = /*#__PURE__*/createContext({
+  isOnScreen: false,
+  toggleLoadingOverlay: undefined
+});
+export const LoadingOverlayProvider = ({
+  children
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const fallbackText = t('general:loading');
+  const [overlays, dispatchOverlay] = React.useReducer(reducer, defaultLoadingOverlayState);
+  const {
+    isMounted,
+    isUnmounting,
+    triggerDelayedRender
+  } = useDelayedRender({
+    delayBeforeShow: 1000,
+    inTimeout: animatedDuration,
+    minShowTime: 500,
+    outTimeout: animatedDuration,
+    show: overlays.isLoading
+  });
+  const toggleLoadingOverlay = React.useCallback(({
+    type,
+    isLoading,
+    key,
+    loadingText = fallbackText
+  }) => {
+    if (isLoading) {
+      triggerDelayedRender();
+      dispatchOverlay({
+        type: 'add',
+        payload: {
+          type,
+          key,
+          loadingText
+        }
+      });
+    } else {
+      dispatchOverlay({
+        type: 'remove',
+        payload: {
+          type,
+          key
+        }
+      });
+    }
+  }, [triggerDelayedRender, fallbackText]);
+  return /*#__PURE__*/_jsxs(Context, {
+    value: {
+      isOnScreen: isMounted,
+      toggleLoadingOverlay
+    },
+    children: [isMounted && /*#__PURE__*/_jsx(LoadingOverlay, {
+      animationDuration: `${animatedDuration}ms`,
+      loadingText: overlays.loadingText || fallbackText,
+      overlayType: overlays.overlayType,
+      show: !isUnmounting
+    }), children]
+  });
+};
+export const useLoadingOverlay = () => {
+  const contextHook = React.use(Context);
+  if (contextHook === undefined) {
+    throw new Error('useLoadingOverlay must be used within a LoadingOverlayProvider');
+  }
+  return contextHook;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/LoadingOverlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","createContext","LoadingOverlay","useDelayedRender","useTranslation","defaultLoadingOverlayState","reducer","animatedDuration","Context","isOnScreen","toggleLoadingOverlay","undefined","LoadingOverlayProvider","children","t","fallbackText","overlays","dispatchOverlay","useReducer","isMounted","isUnmounting","triggerDelayedRender","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","isLoading","useCallback","type","key","loadingText","payload","_jsxs","value","_jsx","animationDuration","overlayType","useLoadingOverlay","contextHook","use","Error"],"sources":["../../../src/elements/LoadingOverlay/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext } from 'react'\n\nimport type { LoadingOverlayContext, ToggleLoadingOverlay } from './types.js'\n\nimport { LoadingOverlay } from '../../elements/Loading/index.js'\nimport { useDelayedRender } from '../../hooks/useDelayedRender.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { defaultLoadingOverlayState, reducer } from './reducer.js'\n\nconst animatedDuration = 250\n\nconst Context = createContext({\n  isOnScreen: false,\n  toggleLoadingOverlay: undefined,\n})\n\nexport const LoadingOverlayProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const { t } = useTranslation()\n  const fallbackText = t('general:loading')\n  const [overlays, dispatchOverlay] = React.useReducer(reducer, defaultLoadingOverlayState)\n\n  const { isMounted, isUnmounting, triggerDelayedRender } = useDelayedRender({\n    delayBeforeShow: 1000,\n    inTimeout: animatedDuration,\n    minShowTime: 500,\n    outTimeout: animatedDuration,\n    show: overlays.isLoading,\n  })\n\n  const toggleLoadingOverlay = React.useCallback<ToggleLoadingOverlay>(\n    ({ type, isLoading, key, loadingText = fallbackText }) => {\n      if (isLoading) {\n        triggerDelayedRender()\n        dispatchOverlay({\n          type: 'add',\n          payload: {\n            type,\n            key,\n            loadingText,\n          },\n        })\n      } else {\n        dispatchOverlay({\n          type: 'remove',\n          payload: {\n            type,\n            key,\n          },\n        })\n      }\n    },\n    [triggerDelayedRender, fallbackText],\n  )\n\n  return (\n    <Context\n      value={{\n        isOnScreen: isMounted,\n        toggleLoadingOverlay,\n      }}\n    >\n      {isMounted && (\n        <LoadingOverlay\n          animationDuration={`${animatedDuration}ms`}\n          loadingText={overlays.loadingText || fallbackText}\n          overlayType={overlays.overlayType}\n          show={!isUnmounting}\n        />\n      )}\n      {children}\n    </Context>\n  )\n}\n\nexport const useLoadingOverlay = (): LoadingOverlayContext => {\n  const contextHook = React.use(Context)\n  if (contextHook === undefined) {\n    throw new Error('useLoadingOverlay must be used within a LoadingOverlayProvider')\n  }\n\n  return contextHook\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,QAAQ;AAIrC,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,cAAc,QAAQ;AAC/B,SAASC,0BAA0B,EAAEC,OAAO,QAAQ;AAEpD,MAAMC,gBAAA,GAAmB;AAEzB,MAAMC,OAAA,gBAAUP,aAAA,CAAc;EAC5BQ,UAAA,EAAY;EACZC,oBAAA,EAAsBC;AACxB;AAEA,OAAO,MAAMC,sBAAA,GAAmEA,CAAC;EAAEC;AAAQ,CAAE;EAC3F,MAAM;IAAEC;EAAC,CAAE,GAAGV,cAAA;EACd,MAAMW,YAAA,GAAeD,CAAA,CAAE;EACvB,MAAM,CAACE,QAAA,EAAUC,eAAA,CAAgB,GAAGjB,KAAA,CAAMkB,UAAU,CAACZ,OAAA,EAASD,0BAAA;EAE9D,MAAM;IAAEc,SAAS;IAAEC,YAAY;IAAEC;EAAoB,CAAE,GAAGlB,gBAAA,CAAiB;IACzEmB,eAAA,EAAiB;IACjBC,SAAA,EAAWhB,gBAAA;IACXiB,WAAA,EAAa;IACbC,UAAA,EAAYlB,gBAAA;IACZmB,IAAA,EAAMV,QAAA,CAASW;EACjB;EAEA,MAAMjB,oBAAA,GAAuBV,KAAA,CAAM4B,WAAW,CAC5C,CAAC;IAAEC,IAAI;IAAEF,SAAS;IAAEG,GAAG;IAAEC,WAAA,GAAchB;EAAY,CAAE;IACnD,IAAIY,SAAA,EAAW;MACbN,oBAAA;MACAJ,eAAA,CAAgB;QACdY,IAAA,EAAM;QACNG,OAAA,EAAS;UACPH,IAAA;UACAC,GAAA;UACAC;QACF;MACF;IACF,OAAO;MACLd,eAAA,CAAgB;QACdY,IAAA,EAAM;QACNG,OAAA,EAAS;UACPH,IAAA;UACAC;QACF;MACF;IACF;EACF,GACA,CAACT,oBAAA,EAAsBN,YAAA,CAAa;EAGtC,oBACEkB,KAAA,CAACzB,OAAA;IACC0B,KAAA,EAAO;MACLzB,UAAA,EAAYU,SAAA;MACZT;IACF;eAECS,SAAA,iBACCgB,IAAA,CAACjC,cAAA;MACCkC,iBAAA,EAAmB,GAAG7B,gBAAA,IAAoB;MAC1CwB,WAAA,EAAaf,QAAA,CAASe,WAAW,IAAIhB,YAAA;MACrCsB,WAAA,EAAarB,QAAA,CAASqB,WAAW;MACjCX,IAAA,EAAM,CAACN;QAGVP,QAAA;;AAGP;AAEA,OAAO,MAAMyB,iBAAA,GAAoBA,CAAA;EAC/B,MAAMC,WAAA,GAAcvC,KAAA,CAAMwC,GAAG,CAAChC,OAAA;EAC9B,IAAI+B,WAAA,KAAgB5B,SAAA,EAAW;IAC7B,MAAM,IAAI8B,KAAA,CAAM;EAClB;EAEA,OAAOF,WAAA;AACT","ignoreList":[]}

package/dist/elements/LoadingOverlay/reducer.d.ts

@@ -0,0 +1,9 @@
+import type { Action, State } from './types.js';
+export declare const defaultLoadingOverlayState: {
+    isLoading: boolean;
+    loaders: any[];
+    loadingText: string;
+    overlayType: any;
+};
+export declare const reducer: (state: State, action: Action) => State;
+//# sourceMappingURL=reducer.d.ts.map

package/dist/elements/LoadingOverlay/reducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/elements/LoadingOverlay/reducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAE/C,eAAO,MAAM,0BAA0B;;;;;CAKtC,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,KAAK,UAAU,MAAM,KAAG,KAmBtD,CAAA"}

package/dist/elements/LoadingOverlay/reducer.js

@@ -0,0 +1,34 @@
+'use client';
+
+export const defaultLoadingOverlayState = {
+  isLoading: false,
+  loaders: [],
+  loadingText: '',
+  overlayType: null
+};
+export const reducer = (state, action) => {
+  const loadersCopy = [...state.loaders];
+  const {
+    type = 'fullscreen',
+    key = 'user',
+    loadingText
+  } = action.payload;
+  if (action.type === 'add') {
+    loadersCopy.push({
+      type,
+      key,
+      loadingText
+    });
+  } else if (action.type === 'remove') {
+    const index = loadersCopy.findIndex(item => item.key === key && item.type === type);
+    loadersCopy.splice(index, 1);
+  }
+  const nextLoader = loadersCopy?.length > 0 ? loadersCopy[loadersCopy.length - 1] : null;
+  return {
+    isLoading: Boolean(nextLoader),
+    loaders: loadersCopy,
+    loadingText: nextLoader?.loadingText || state?.loadingText,
+    overlayType: nextLoader?.type || state?.overlayType
+  };
+};
+//# sourceMappingURL=reducer.js.map

package/dist/elements/LoadingOverlay/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.js","names":["defaultLoadingOverlayState","isLoading","loaders","loadingText","overlayType","reducer","state","action","loadersCopy","type","key","payload","push","index","findIndex","item","splice","nextLoader","length","Boolean"],"sources":["../../../src/elements/LoadingOverlay/reducer.ts"],"sourcesContent":["'use client'\nimport type { Action, State } from './types.js'\n\nexport const defaultLoadingOverlayState = {\n  isLoading: false,\n  loaders: [],\n  loadingText: '',\n  overlayType: null,\n}\n\nexport const reducer = (state: State, action: Action): State => {\n  const loadersCopy = [...state.loaders]\n  const { type = 'fullscreen', key = 'user', loadingText } = action.payload\n\n  if (action.type === 'add') {\n    loadersCopy.push({ type, key, loadingText })\n  } else if (action.type === 'remove') {\n    const index = loadersCopy.findIndex((item) => item.key === key && item.type === type)\n    loadersCopy.splice(index, 1)\n  }\n\n  const nextLoader = loadersCopy?.length > 0 ? loadersCopy[loadersCopy.length - 1] : null\n\n  return {\n    isLoading: Boolean(nextLoader),\n    loaders: loadersCopy,\n    loadingText: nextLoader?.loadingText || state?.loadingText,\n    overlayType: nextLoader?.type || state?.overlayType,\n  }\n}\n"],"mappings":"AAAA;;AAGA,OAAO,MAAMA,0BAAA,GAA6B;EACxCC,SAAA,EAAW;EACXC,OAAA,EAAS,EAAE;EACXC,WAAA,EAAa;EACbC,WAAA,EAAa;AACf;AAEA,OAAO,MAAMC,OAAA,GAAUA,CAACC,KAAA,EAAcC,MAAA;EACpC,MAAMC,WAAA,GAAc,C,GAAIF,KAAA,CAAMJ,OAAO,CAAC;EACtC,MAAM;IAAEO,IAAA,GAAO,YAAY;IAAEC,GAAA,GAAM,MAAM;IAAEP;EAAW,CAAE,GAAGI,MAAA,CAAOI,OAAO;EAEzE,IAAIJ,MAAA,CAAOE,IAAI,KAAK,OAAO;IACzBD,WAAA,CAAYI,IAAI,CAAC;MAAEH,IAAA;MAAMC,GAAA;MAAKP;IAAY;EAC5C,OAAO,IAAII,MAAA,CAAOE,IAAI,KAAK,UAAU;IACnC,MAAMI,KAAA,GAAQL,WAAA,CAAYM,SAAS,CAAEC,IAAA,IAASA,IAAA,CAAKL,GAAG,KAAKA,GAAA,IAAOK,IAAA,CAAKN,IAAI,KAAKA,IAAA;IAChFD,WAAA,CAAYQ,MAAM,CAACH,KAAA,EAAO;EAC5B;EAEA,MAAMI,UAAA,GAAaT,WAAA,EAAaU,MAAA,GAAS,IAAIV,WAAW,CAACA,WAAA,CAAYU,MAAM,GAAG,EAAE,GAAG;EAEnF,OAAO;IACLjB,SAAA,EAAWkB,OAAA,CAAQF,UAAA;IACnBf,OAAA,EAASM,WAAA;IACTL,WAAA,EAAac,UAAA,EAAYd,WAAA,IAAeG,KAAA,EAAOH,WAAA;IAC/CC,WAAA,EAAaa,UAAA,EAAYR,IAAA,IAAQH,KAAA,EAAOF;EAC1C;AACF","ignoreList":[]}

package/dist/elements/LoadingOverlay/types.d.ts

@@ -0,0 +1,41 @@
+export type LoadingOverlayTypes = 'fullscreen' | 'withoutNav';
+type ToggleLoadingOverlayOptions = {
+    isLoading?: boolean;
+    key: string;
+    loadingText?: string;
+    type?: LoadingOverlayTypes;
+};
+export type ToggleLoadingOverlay = (options: ToggleLoadingOverlayOptions) => void;
+type Add = {
+    payload: {
+        key: string;
+        loadingText?: string;
+        type: LoadingOverlayTypes;
+    };
+    type: 'add';
+};
+type Remove = {
+    payload: {
+        key: string;
+        loadingText?: never;
+        type: LoadingOverlayTypes;
+    };
+    type: 'remove';
+};
+export type Action = Add | Remove;
+export type State = {
+    isLoading: boolean;
+    loaders: {
+        key: string;
+        loadingText: string;
+        type: LoadingOverlayTypes;
+    }[];
+    loadingText: string;
+    overlayType: LoadingOverlayTypes | null;
+};
+export type LoadingOverlayContext = {
+    isOnScreen: boolean;
+    toggleLoadingOverlay: ToggleLoadingOverlay;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/LoadingOverlay/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/LoadingOverlay/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,YAAY,CAAA;AAE7D,KAAK,2BAA2B,GAAG;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,mBAAmB,CAAA;CAC3B,CAAA;AACD,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,EAAE,2BAA2B,KAAK,IAAI,CAAA;AAEjF,KAAK,GAAG,GAAG;IACT,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAA;QACX,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,IAAI,EAAE,mBAAmB,CAAA;KAC1B,CAAA;IACD,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AACD,KAAK,MAAM,GAAG;IACZ,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAA;QACX,WAAW,CAAC,EAAE,KAAK,CAAA;QACnB,IAAI,EAAE,mBAAmB,CAAA;KAC1B,CAAA;IACD,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AACD,MAAM,MAAM,MAAM,GAAG,GAAG,GAAG,MAAM,CAAA;AACjC,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAA;QACX,WAAW,EAAE,MAAM,CAAA;QACnB,IAAI,EAAE,mBAAmB,CAAA;KAC1B,EAAE,CAAA;IACH,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,mBAAmB,GAAG,IAAI,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,OAAO,CAAA;IACnB,oBAAoB,EAAE,oBAAoB,CAAA;CAC3C,CAAA"}

package/dist/elements/LoadingOverlay/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/LoadingOverlay/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/LoadingOverlay/types.ts"],"sourcesContent":["export type LoadingOverlayTypes = 'fullscreen' | 'withoutNav'\n\ntype ToggleLoadingOverlayOptions = {\n  isLoading?: boolean\n  key: string\n  loadingText?: string\n  type?: LoadingOverlayTypes\n}\nexport type ToggleLoadingOverlay = (options: ToggleLoadingOverlayOptions) => void\n\ntype Add = {\n  payload: {\n    key: string\n    loadingText?: string\n    type: LoadingOverlayTypes\n  }\n  type: 'add'\n}\ntype Remove = {\n  payload: {\n    key: string\n    loadingText?: never\n    type: LoadingOverlayTypes\n  }\n  type: 'remove'\n}\nexport type Action = Add | Remove\nexport type State = {\n  isLoading: boolean\n  loaders: {\n    key: string\n    loadingText: string\n    type: LoadingOverlayTypes\n  }[]\n  loadingText: string\n  overlayType: LoadingOverlayTypes | null\n}\n\nexport type LoadingOverlayContext = {\n  isOnScreen: boolean\n  toggleLoadingOverlay: ToggleLoadingOverlay\n}\n"],"mappings":"AAsCA","ignoreList":[]}

package/dist/elements/Localizer/LocalizerLabel/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.scss';
+export declare const LocalizerLabel: React.FC<{
+    ariaLabel?: string;
+    className?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Localizer/LocalizerLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Localizer/LocalizerLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAoBA,CAAA"}

package/dist/elements/Localizer/LocalizerLabel/index.js

@@ -0,0 +1,61 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import React from 'react';
+import { ChevronIcon } from '../../../icons/Chevron/index.js';
+import { useLocale } from '../../../providers/Locale/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import './index.scss';
+const baseClass = 'localizer-button';
+export const LocalizerLabel = props => {
+  const $ = _c(8);
+  const {
+    ariaLabel,
+    className
+  } = props;
+  const locale = useLocale();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== ariaLabel || $[1] !== className || $[2] !== i18n || $[3] !== locale || $[4] !== t) {
+    let t1;
+    if ($[6] !== className) {
+      t1 = [baseClass, className].filter(Boolean);
+      $[6] = className;
+      $[7] = t1;
+    } else {
+      t1 = $[7];
+    }
+    t0 = _jsxs("div", {
+      "aria-label": ariaLabel || t("general:locale"),
+      className: t1.join(" "),
+      "data-locale": locale ? locale.code : undefined,
+      children: [_jsxs("div", {
+        className: `${baseClass}__label`,
+        children: [`${t("general:locale")}:`, "\xA0"]
+      }), _jsxs("div", {
+        className: `${baseClass}__current`,
+        children: [_jsx("span", {
+          className: `${baseClass}__current-label`,
+          children: `${getTranslation(locale.label, i18n)}`
+        }), _jsx(ChevronIcon, {
+          className: `${baseClass}__chevron`
+        })]
+      })]
+    });
+    $[0] = ariaLabel;
+    $[1] = className;
+    $[2] = i18n;
+    $[3] = locale;
+    $[4] = t;
+    $[5] = t0;
+  } else {
+    t0 = $[5];
+  }
+  return t0;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/Localizer/LocalizerLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","ChevronIcon","useLocale","useTranslation","baseClass","LocalizerLabel","props","$","ariaLabel","className","locale","i18n","t","t0","t1","filter","Boolean","_jsxs","join","code","undefined","children","_jsx","label"],"sources":["../../../../src/elements/Localizer/LocalizerLabel/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@ruya.sa/translations'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'localizer-button'\n\nexport const LocalizerLabel: React.FC<{\n  ariaLabel?: string\n  className?: string\n}> = (props) => {\n  const { ariaLabel, className } = props\n  const locale = useLocale()\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div\n      aria-label={ariaLabel || t('general:locale')}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      data-locale={locale ? locale.code : undefined}\n    >\n      <div className={`${baseClass}__label`}>{`${t('general:locale')}:`}&nbsp;</div>\n      <div className={`${baseClass}__current`}>\n        <span className={`${baseClass}__current-label`}>\n          {`${getTranslation(locale.label, i18n)}`}\n        </span>\n        <ChevronIcon className={`${baseClass}__chevron`} />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAGRC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACH;IAAAU,SAAA;IAAAC;EAAA,IAAiCH,KAAA;EACjC,MAAAI,MAAA,GAAeR,SAAA;EACf;IAAAS,IAAA;IAAAC;EAAA,IAAoBT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAN,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAK,CAAA;IAAA,IAAAE,EAAA;IAAA,IAAAP,CAAA,QAAAE,SAAA;MAKLK,EAAA,IAAAV,SAAA,EAAYK,SAAA,EAAAM,MAAA,CAAAC,OAAkB;MAAAT,CAAA,MAAAE,SAAA;MAAAF,CAAA,MAAAO,EAAA;IAAA;MAAAA,EAAA,GAAAP,CAAA;IAAA;IAF3CM,EAAA,GAAAI,KAAA,CAAC;MAAA,cACaT,SAAA,IAAaI,CAAA,CAAE;MAAAH,SAAA,EAChBK,EAA8B,CAAAI,IAAA,CAAc;MAAA,eAC1CR,MAAA,GAASA,MAAA,CAAAS,IAAA,GAAAC,SAAc;MAAAC,QAAA,GAEpCJ,KAAA,CAAC;QAAAR,SAAA,EAAe,GAAAL,SAAA,SAAqB;QAAAiB,QAAA,GAAG,GAAGT,CAAA,CAAE,oBAAoB,EAAC;MAAA,C,GAClEK,KAAA,CAAC;QAAAR,SAAA,EAAe,GAAAL,SAAA,WAAuB;QAAAiB,QAAA,GACrCC,IAAA,CAAC;UAAAb,SAAA,EAAgB,GAAAL,SAAA,iBAA6B;UAAAiB,QAAA,EAC3C,GAAGtB,cAAA,CAAeW,MAAA,CAAAa,KAAA,EAAcZ,IAAA;QAAO,C,GAE1CW,IAAA,CAAArB,WAAA;UAAAQ,SAAA,EAAwB,GAAAL,SAAA;QAAuB,C;;;;;;;;;;;;SAVnDS,E;CAcJ","ignoreList":[]}

package/dist/elements/Localizer/LocalizerLabel/index.scss

@@ -0,0 +1,56 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .localizer-button {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+    display: flex;
+    padding-inline-start: base(0.4);
+    padding-inline-end: base(0.2);
+    background-color: var(--theme-elevation-100);
+    border-radius: var(--style-radius-s);
+
+    &__label {
+      color: var(--theme-elevation-500);
+    }
+
+    &__chevron {
+      .stroke {
+        stroke: currentColor;
+      }
+    }
+
+    &__current {
+      display: flex;
+      align-items: center;
+    }
+
+    button {
+      color: currentColor;
+      padding: 0;
+      font-size: 1rem;
+      line-height: base(1);
+      background: transparent;
+      border: 0;
+      font-weight: 600;
+      cursor: pointer;
+
+      &:hover,
+      &:focus-visible {
+        text-decoration: underline;
+      }
+
+      &:active,
+      &:focus {
+        outline: none;
+      }
+    }
+
+    @include small-break {
+      &__label {
+        display: none;
+      }
+    }
+  }
+}

package/dist/elements/Localizer/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.scss';
+export declare const Localizer: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Localizer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Localizer/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAoFA,CAAA"}

package/dist/elements/Localizer/index.js

@@ -0,0 +1,133 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import { useRouter } from 'next/navigation.js';
+import * as qs from 'qs-esm';
+import React, { Fragment } from 'react';
+import { useConfig } from '../../providers/Config/index.js';
+import { useLocale, useLocaleLoading } from '../../providers/Locale/index.js';
+import { useRouteTransition } from '../../providers/RouteTransition/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Popup, PopupList } from '../Popup/index.js';
+import './index.scss';
+import { LocalizerLabel } from './LocalizerLabel/index.js';
+const baseClass = 'localizer';
+export const Localizer = props => {
+  const $ = _c(17);
+  const {
+    className
+  } = props;
+  const {
+    config: t0
+  } = useConfig();
+  const {
+    localization
+  } = t0;
+  const router = useRouter();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const {
+    setLocaleIsLoading
+  } = useLocaleLoading();
+  const {
+    i18n
+  } = useTranslation();
+  const locale = useLocale();
+  if (localization) {
+    const {
+      locales
+    } = localization;
+    let t1;
+    if ($[0] !== className) {
+      t1 = [baseClass, className].filter(Boolean);
+      $[0] = className;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    const t2 = t1.join(" ");
+    let t3;
+    if ($[2] !== i18n || $[3] !== locale || $[4] !== locales || $[5] !== router || $[6] !== setLocaleIsLoading || $[7] !== startRouteTransition || $[8] !== t2) {
+      let t4;
+      if ($[10] !== i18n || $[11] !== locale || $[12] !== locales || $[13] !== router || $[14] !== setLocaleIsLoading || $[15] !== startRouteTransition) {
+        t4 = t5 => {
+          const {
+            close
+          } = t5;
+          return _jsx(PopupList.ButtonGroup, {
+            children: locales.map(localeOption => {
+              const localeOptionLabel = getTranslation(localeOption.label, i18n);
+              return _jsx(PopupList.Button, {
+                active: locale.code === localeOption.code,
+                disabled: locale.code === localeOption.code,
+                onClick: () => {
+                  setLocaleIsLoading(true);
+                  close();
+                  const searchParams = new URLSearchParams(window.location.search);
+                  const url = qs.stringify({
+                    ...qs.parse(searchParams.toString(), {
+                      depth: 10,
+                      ignoreQueryPrefix: true
+                    }),
+                    locale: localeOption.code
+                  }, {
+                    addQueryPrefix: true
+                  });
+                  startRouteTransition(() => {
+                    router.push(url);
+                  });
+                },
+                children: localeOptionLabel !== localeOption.code ? _jsxs(Fragment, {
+                  children: [localeOptionLabel, "\xA0", _jsx("span", {
+                    className: `${baseClass}__locale-code`,
+                    "data-locale": localeOption.code,
+                    children: `(${localeOption.code})`
+                  })]
+                }) : _jsx("span", {
+                  className: `${baseClass}__locale-code`,
+                  "data-locale": localeOption.code,
+                  children: localeOptionLabel
+                })
+              }, localeOption.code);
+            })
+          });
+        };
+        $[10] = i18n;
+        $[11] = locale;
+        $[12] = locales;
+        $[13] = router;
+        $[14] = setLocaleIsLoading;
+        $[15] = startRouteTransition;
+        $[16] = t4;
+      } else {
+        t4 = $[16];
+      }
+      t3 = _jsx("div", {
+        className: t2,
+        children: _jsx(Popup, {
+          button: _jsx(LocalizerLabel, {}),
+          horizontalAlign: "right",
+          render: t4,
+          showScrollbar: true,
+          size: "large"
+        })
+      });
+      $[2] = i18n;
+      $[3] = locale;
+      $[4] = locales;
+      $[5] = router;
+      $[6] = setLocaleIsLoading;
+      $[7] = startRouteTransition;
+      $[8] = t2;
+      $[9] = t3;
+    } else {
+      t3 = $[9];
+    }
+    return t3;
+  }
+  return null;
+};
+//# sourceMappingURL=index.js.map