@xyo-network/react-access-gate 7.5.6 → 7.5.8

package/dist/browser/index.mjs

@@ -152,7 +152,9 @@ var useAccessCodes = /* @__PURE__ */ __name((localStorageKey, validCodeLength =
       const parsedResult = JSON.parse(storedCodes ?? "");
       if (Array.isArray(parsedResult)) return parsedResult;
     }
-  }, []);
+  }, [
+    localStorageKey
+  ]);
   return {
     codeInput,
     validated,

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/AccessCodeGateFlexbox.tsx","../../src/components/CodeTextField.tsx","../../src/hooks/useAccessCodes.ts"],"sourcesContent":["import { FormControl } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport type { PropsWithChildren } from 'react'\nimport React, {\n  useCallback, useEffect, useState,\n} from 'react'\n\nimport { CodeTextField } from './CodeTextField.tsx'\n\nexport interface AccessCodeGateFlexbox extends PropsWithChildren, FlexBoxProps {\n  onAccessCodeSuccess?: (code?: string) => void\n  onCodeInputChange?: (codeInput?: string) => void\n  successRedirectDelay?: number\n  textFieldHelperText?: string\n  userAccessCodes?: string[]\n  validAccessCodes?: string[]\n  validateFunction?: (codeInput?: string) => boolean\n}\n\nexport const AccessCodeGateFlexbox: React.FC<AccessCodeGateFlexbox> = ({\n  children,\n  onCodeInputChange,\n  onAccessCodeSuccess,\n  successRedirectDelay = 1500,\n  userAccessCodes,\n  validAccessCodes,\n  validateFunction,\n  ...props\n}) => {\n  const [initialized, setInitialized] = useState(false)\n  const [accessGranted, setAccessGranted] = useState(false)\n  const [codeInput, setCodeInput] = useState<string>()\n  const [validCode, setValidCode] = useState<boolean | null>(null)\n\n  const disabled = validateFunction ? !validateFunction(codeInput) : !codeInput\n  const validateCode = useCallback((accessCode: string) => (accessCode ? validAccessCodes?.includes(accessCode) : false), [validAccessCodes])\n\n  // keep the parent informed of the code input\n  useEffect(() => {\n    if (onCodeInputChange) {\n      onCodeInputChange(codeInput)\n    }\n  }, [codeInput, onCodeInputChange])\n\n  const onEnter = () => {\n    onCodeInputChange?.(codeInput)\n    if (codeInput) {\n      const granted = validateCode(codeInput)\n      if (granted) {\n        setValidCode(true)\n        // delay success callback to ensure the ui shows success before next action\n        setTimeout(() => {\n          setAccessGranted(granted)\n          onAccessCodeSuccess?.(codeInput)\n        }, successRedirectDelay)\n      } else {\n        setValidCode(false)\n      }\n    }\n  }\n\n  useEffect(() => {\n    // whenever a code changes, reset the success/failure warning\n    setValidCode(null)\n  }, [codeInput])\n\n  useEffect(() => {\n    if (userAccessCodes) {\n      const granted = userAccessCodes.some(code => validateCode(code))\n      setAccessGranted(granted)\n      if (granted) {\n        onAccessCodeSuccess?.()\n      }\n    }\n    setInitialized(true)\n  }, [onAccessCodeSuccess, userAccessCodes, validateCode])\n\n  return (\n    <>\n      {initialized\n        ? accessGranted\n          ? children\n          : (\n              <FlexGrowCol gap={2} {...props}>\n                <FlexGrowRow gap={2} alignItems=\"start\">\n                  <FormControl>\n                    <CodeTextField\n                      codeInput={codeInput}\n                      disabled={disabled}\n                      label=\"Enter Access Code\"\n                      setCodeInput={setCodeInput}\n                      validCode={validCode}\n                      onEnter={onEnter}\n                    />\n                  </FormControl>\n                  <FormControl>\n                    <ButtonEx disabled={disabled} onClick={onEnter} variant=\"contained\">\n                      Enter\n                    </ButtonEx>\n                  </FormControl>\n                </FlexGrowRow>\n              </FlexGrowCol>\n            )\n\n        : null}\n    </>\n  )\n}\n","import { CheckCircleOutline, ErrorOutline } from '@mui/icons-material'\nimport type { TextFieldProps } from '@mui/material'\nimport {\n  InputAdornment, styled, TextField,\n} from '@mui/material'\nimport type { KeyboardEvent } from 'react'\nimport React from 'react'\n\nexport type CodeTextFieldProps = TextFieldProps & {\n  codeInput?: string\n  disabled?: boolean\n  onEnter?: () => void\n  setCodeInput?: (code?: string) => void\n  validCode?: boolean | null\n}\n\nexport const CodeTextField: React.FC<CodeTextFieldProps> = ({\n  codeInput, disabled, onEnter, setCodeInput, validCode, ...props\n}) => (\n  <StyledTextField\n    slotProps={{\n      input: {\n        endAdornment: (\n          <InputAdornment position=\"start\">\n            {/* Having a display block element for all 3 states (null, false, true) means the icon coming in and out\n            does not affect the overall width */}\n            <CheckCircleOutline sx={{ display: validCode === null ? 'block' : 'hidden', visibility: 'hidden' }} />\n            <CheckCircleOutline\n              color=\"success\"\n              fontSize=\"medium\"\n              sx={{ position: 'absolute', visibility: validCode === true ? 'visible' : 'hidden' }}\n            />\n            <ErrorOutline color=\"error\" fontSize=\"medium\" sx={{ position: 'absolute', visibility: validCode === false ? 'visible' : 'hidden' }} />\n          </InputAdornment>\n        ),\n      },\n    }}\n    onKeyUp={(event: KeyboardEvent) => (event.key === 'Enter' && !disabled ? onEnter?.() : null)}\n    autoFocus\n    size=\"small\"\n    value={codeInput ?? ''}\n    onChange={(event: React.ChangeEvent<HTMLInputElement>) => setCodeInput?.(event.target.value)}\n    {...props}\n  />\n)\n\nconst StyledTextField = styled(TextField, { name: 'StyledTextField' })(() => ({ '& .MuiInputBase-root': { paddingRight: 0 } }))\n","import { useMemo, useState } from 'react'\n\nexport const useAccessCodes = (localStorageKey: string, validCodeLength = 6) => {\n  const [validated, setValidated] = useState(false)\n  const [codeInput, setCodeInput] = useState('')\n\n  const onAccessCodeSuccess = () => {\n    // Save the access code to local storage\n    if (codeInput) {\n      localStorage.setItem(localStorageKey, JSON.stringify([codeInput]))\n      setValidated(true)\n    } else {\n      // If the codeInput is empty, but we have success, do nothing since the successful code is already saved\n      setValidated(true)\n    }\n  }\n  const validateCodeInput = (code?: string) => {\n    return code?.length === validCodeLength\n  }\n  const onCodeInputChange = (code?: string) => {\n    setCodeInput(code ?? '')\n  }\n  const userAccessCodes = useMemo(() => {\n    const storedCodes = localStorage.getItem(localStorageKey)\n    if (storedCodes) {\n      const parsedResult = JSON.parse(storedCodes ?? '')\n      if (Array.isArray(parsedResult)) return parsedResult\n    }\n  }, [])\n\n  return {\n    codeInput, validated, userAccessCodes, onAccessCodeSuccess, onCodeInputChange, validateCodeInput,\n  }\n}\n"],"mappings":";;;;AAAA,SAASA,mBAAmB;AAC5B,SAASC,gBAAgB;AAEzB,SAASC,aAAaC,mBAAmB;AAEzC,OAAOC,UACLC,aAAaC,WAAWC,gBACnB;;;ACPP,SAASC,oBAAoBC,oBAAoB;AAEjD,SACEC,gBAAgBC,QAAQC,iBACnB;AAEP,OAAOC,WAAW;AAUX,IAAMC,gBAA8C,wBAAC,EAC1DC,WAAWC,UAAUC,SAASC,cAAcC,WAAW,GAAGC,MAAAA,MAE1D,sBAAA,cAACC,iBAAAA;EACCC,WAAW;IACTC,OAAO;MACLC,cACE,sBAAA,cAACC,gBAAAA;QAAeC,UAAS;SAGvB,sBAAA,cAACC,oBAAAA;QAAmBC,IAAI;UAAEC,SAASV,cAAc,OAAO,UAAU;UAAUW,YAAY;QAAS;UACjG,sBAAA,cAACH,oBAAAA;QACCI,OAAM;QACNC,UAAS;QACTJ,IAAI;UAAEF,UAAU;UAAYI,YAAYX,cAAc,OAAO,YAAY;QAAS;UAEpF,sBAAA,cAACc,cAAAA;QAAaF,OAAM;QAAQC,UAAS;QAASJ,IAAI;UAAEF,UAAU;UAAYI,YAAYX,cAAc,QAAQ,YAAY;QAAS;;IAGvI;EACF;EACAe,SAAS,wBAACC,UAA0BA,MAAMC,QAAQ,WAAW,CAACpB,WAAWC,UAAAA,IAAc,MAA9E;EACToB,WAAAA;EACAC,MAAK;EACLC,OAAOxB,aAAa;EACpByB,UAAU,wBAACL,UAA+CjB,eAAeiB,MAAMM,OAAOF,KAAK,GAAjF;EACT,GAAGnB;IA1BmD;AA8B3D,IAAMC,kBAAkBqB,OAAOC,WAAW;EAAEC,MAAM;AAAkB,CAAA,EAAG,OAAO;EAAE,wBAAwB;IAAEC,cAAc;EAAE;AAAE,EAAA;;;ADzBrH,IAAMC,wBAAyD,wBAAC,EACrEC,UACAC,mBACAC,qBACAC,uBAAuB,MACvBC,iBACAC,kBACAC,kBACA,GAAGC,MAAAA,MACJ;AACC,QAAM,CAACC,aAAaC,cAAAA,IAAkBC,SAAS,KAAA;AAC/C,QAAM,CAACC,eAAeC,gBAAAA,IAAoBF,SAAS,KAAA;AACnD,QAAM,CAACG,WAAWC,YAAAA,IAAgBJ,SAAAA;AAClC,QAAM,CAACK,WAAWC,YAAAA,IAAgBN,SAAyB,IAAA;AAE3D,QAAMO,WAAWX,mBAAmB,CAACA,iBAAiBO,SAAAA,IAAa,CAACA;AACpE,QAAMK,eAAeC,YAAY,CAACC,eAAwBA,aAAaf,kBAAkBgB,SAASD,UAAAA,IAAc,OAAQ;IAACf;GAAiB;AAG1IiB,YAAU,MAAA;AACR,QAAIrB,mBAAmB;AACrBA,wBAAkBY,SAAAA;IACpB;EACF,GAAG;IAACA;IAAWZ;GAAkB;AAEjC,QAAMsB,UAAU,6BAAA;AACdtB,wBAAoBY,SAAAA;AACpB,QAAIA,WAAW;AACb,YAAMW,UAAUN,aAAaL,SAAAA;AAC7B,UAAIW,SAAS;AACXR,qBAAa,IAAA;AAEbS,mBAAW,MAAA;AACTb,2BAAiBY,OAAAA;AACjBtB,gCAAsBW,SAAAA;QACxB,GAAGV,oBAAAA;MACL,OAAO;AACLa,qBAAa,KAAA;MACf;IACF;EACF,GAfgB;AAiBhBM,YAAU,MAAA;AAERN,iBAAa,IAAA;EACf,GAAG;IAACH;GAAU;AAEdS,YAAU,MAAA;AACR,QAAIlB,iBAAiB;AACnB,YAAMoB,UAAUpB,gBAAgBsB,KAAKC,CAAAA,SAAQT,aAAaS,IAAAA,CAAAA;AAC1Df,uBAAiBY,OAAAA;AACjB,UAAIA,SAAS;AACXtB,8BAAAA;MACF;IACF;AACAO,mBAAe,IAAA;EACjB,GAAG;IAACP;IAAqBE;IAAiBc;GAAa;AAEvD,SACE,gBAAAU,OAAA,cAAAA,OAAA,UAAA,MACGpB,cACGG,gBACEX,WAEE,gBAAA4B,OAAA,cAACC,aAAAA;IAAYC,KAAK;IAAI,GAAGvB;KACvB,gBAAAqB,OAAA,cAACG,aAAAA;IAAYD,KAAK;IAAGE,YAAW;KAC9B,gBAAAJ,OAAA,cAACK,aAAAA,MACC,gBAAAL,OAAA,cAACM,eAAAA;IACCrB;IACAI;IACAkB,OAAM;IACNrB;IACAC;IACAQ;OAGJ,gBAAAK,OAAA,cAACK,aAAAA,MACC,gBAAAL,OAAA,cAACQ,UAAAA;IAASnB;IAAoBoB,SAASd;IAASe,SAAQ;KAAY,OAAA,CAAA,CAAA,CAAA,IAQ9E,IAAA;AAGV,GAxFsE;;;AErBtE,SAASC,SAASC,YAAAA,iBAAgB;AAE3B,IAAMC,iBAAiB,wBAACC,iBAAyBC,kBAAkB,MAAC;AACzE,QAAM,CAACC,WAAWC,YAAAA,IAAgBC,UAAS,KAAA;AAC3C,QAAM,CAACC,WAAWC,YAAAA,IAAgBF,UAAS,EAAA;AAE3C,QAAMG,sBAAsB,6BAAA;AAE1B,QAAIF,WAAW;AACbG,mBAAaC,QAAQT,iBAAiBU,KAAKC,UAAU;QAACN;OAAU,CAAA;AAChEF,mBAAa,IAAA;IACf,OAAO;AAELA,mBAAa,IAAA;IACf;EACF,GAT4B;AAU5B,QAAMS,oBAAoB,wBAACC,SAAAA;AACzB,WAAOA,MAAMC,WAAWb;EAC1B,GAF0B;AAG1B,QAAMc,oBAAoB,wBAACF,SAAAA;AACzBP,iBAAaO,QAAQ,EAAA;EACvB,GAF0B;AAG1B,QAAMG,kBAAkBC,QAAQ,MAAA;AAC9B,UAAMC,cAAcV,aAAaW,QAAQnB,eAAAA;AACzC,QAAIkB,aAAa;AACf,YAAME,eAAeV,KAAKW,MAAMH,eAAe,EAAA;AAC/C,UAAII,MAAMC,QAAQH,YAAAA,EAAe,QAAOA;IAC1C;EACF,GAAG,CAAA,CAAE;AAEL,SAAO;IACLf;IAAWH;IAAWc;IAAiBT;IAAqBQ;IAAmBH;EACjF;AACF,GA/B8B;","names":["FormControl","ButtonEx","FlexGrowCol","FlexGrowRow","React","useCallback","useEffect","useState","CheckCircleOutline","ErrorOutline","InputAdornment","styled","TextField","React","CodeTextField","codeInput","disabled","onEnter","setCodeInput","validCode","props","StyledTextField","slotProps","input","endAdornment","InputAdornment","position","CheckCircleOutline","sx","display","visibility","color","fontSize","ErrorOutline","onKeyUp","event","key","autoFocus","size","value","onChange","target","styled","TextField","name","paddingRight","AccessCodeGateFlexbox","children","onCodeInputChange","onAccessCodeSuccess","successRedirectDelay","userAccessCodes","validAccessCodes","validateFunction","props","initialized","setInitialized","useState","accessGranted","setAccessGranted","codeInput","setCodeInput","validCode","setValidCode","disabled","validateCode","useCallback","accessCode","includes","useEffect","onEnter","granted","setTimeout","some","code","React","FlexGrowCol","gap","FlexGrowRow","alignItems","FormControl","CodeTextField","label","ButtonEx","onClick","variant","useMemo","useState","useAccessCodes","localStorageKey","validCodeLength","validated","setValidated","useState","codeInput","setCodeInput","onAccessCodeSuccess","localStorage","setItem","JSON","stringify","validateCodeInput","code","length","onCodeInputChange","userAccessCodes","useMemo","storedCodes","getItem","parsedResult","parse","Array","isArray"]}
+{"version":3,"sources":["../../src/components/AccessCodeGateFlexbox.tsx","../../src/components/CodeTextField.tsx","../../src/hooks/useAccessCodes.ts"],"sourcesContent":["import { FormControl } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport type { PropsWithChildren } from 'react'\nimport React, {\n  useCallback, useEffect, useState,\n} from 'react'\n\nimport { CodeTextField } from './CodeTextField.tsx'\n\nexport interface AccessCodeGateFlexbox extends PropsWithChildren, FlexBoxProps {\n  onAccessCodeSuccess?: (code?: string) => void\n  onCodeInputChange?: (codeInput?: string) => void\n  successRedirectDelay?: number\n  textFieldHelperText?: string\n  userAccessCodes?: string[]\n  validAccessCodes?: string[]\n  validateFunction?: (codeInput?: string) => boolean\n}\n\nexport const AccessCodeGateFlexbox: React.FC<AccessCodeGateFlexbox> = ({\n  children,\n  onCodeInputChange,\n  onAccessCodeSuccess,\n  successRedirectDelay = 1500,\n  userAccessCodes,\n  validAccessCodes,\n  validateFunction,\n  ...props\n}) => {\n  const [initialized, setInitialized] = useState(false)\n  const [accessGranted, setAccessGranted] = useState(false)\n  const [codeInput, setCodeInput] = useState<string>()\n  const [validCode, setValidCode] = useState<boolean | null>(null)\n\n  const disabled = validateFunction ? !validateFunction(codeInput) : !codeInput\n  const validateCode = useCallback((accessCode: string) => (accessCode ? validAccessCodes?.includes(accessCode) : false), [validAccessCodes])\n\n  // keep the parent informed of the code input\n  useEffect(() => {\n    if (onCodeInputChange) {\n      onCodeInputChange(codeInput)\n    }\n  }, [codeInput, onCodeInputChange])\n\n  const onEnter = () => {\n    onCodeInputChange?.(codeInput)\n    if (codeInput) {\n      const granted = validateCode(codeInput)\n      if (granted) {\n        setValidCode(true)\n        // delay success callback to ensure the ui shows success before next action\n        setTimeout(() => {\n          setAccessGranted(granted)\n          onAccessCodeSuccess?.(codeInput)\n        }, successRedirectDelay)\n      } else {\n        setValidCode(false)\n      }\n    }\n  }\n\n  useEffect(() => {\n    // whenever a code changes, reset the success/failure warning\n    setValidCode(null)\n  }, [codeInput])\n\n  useEffect(() => {\n    if (userAccessCodes) {\n      const granted = userAccessCodes.some(code => validateCode(code))\n      setAccessGranted(granted)\n      if (granted) {\n        onAccessCodeSuccess?.()\n      }\n    }\n    setInitialized(true)\n  }, [onAccessCodeSuccess, userAccessCodes, validateCode])\n\n  return (\n    <>\n      {initialized\n        ? accessGranted\n          ? children\n          : (\n              <FlexGrowCol gap={2} {...props}>\n                <FlexGrowRow gap={2} alignItems=\"start\">\n                  <FormControl>\n                    <CodeTextField\n                      codeInput={codeInput}\n                      disabled={disabled}\n                      label=\"Enter Access Code\"\n                      setCodeInput={setCodeInput}\n                      validCode={validCode}\n                      onEnter={onEnter}\n                    />\n                  </FormControl>\n                  <FormControl>\n                    <ButtonEx disabled={disabled} onClick={onEnter} variant=\"contained\">\n                      Enter\n                    </ButtonEx>\n                  </FormControl>\n                </FlexGrowRow>\n              </FlexGrowCol>\n            )\n\n        : null}\n    </>\n  )\n}\n","import { CheckCircleOutline, ErrorOutline } from '@mui/icons-material'\nimport type { TextFieldProps } from '@mui/material'\nimport {\n  InputAdornment, styled, TextField,\n} from '@mui/material'\nimport type { KeyboardEvent } from 'react'\nimport React from 'react'\n\nexport type CodeTextFieldProps = TextFieldProps & {\n  codeInput?: string\n  disabled?: boolean\n  onEnter?: () => void\n  setCodeInput?: (code?: string) => void\n  validCode?: boolean | null\n}\n\nexport const CodeTextField: React.FC<CodeTextFieldProps> = ({\n  codeInput, disabled, onEnter, setCodeInput, validCode, ...props\n}) => (\n  <StyledTextField\n    slotProps={{\n      input: {\n        endAdornment: (\n          <InputAdornment position=\"start\">\n            {/* Having a display block element for all 3 states (null, false, true) means the icon coming in and out\n            does not affect the overall width */}\n            <CheckCircleOutline sx={{ display: validCode === null ? 'block' : 'hidden', visibility: 'hidden' }} />\n            <CheckCircleOutline\n              color=\"success\"\n              fontSize=\"medium\"\n              sx={{ position: 'absolute', visibility: validCode === true ? 'visible' : 'hidden' }}\n            />\n            <ErrorOutline color=\"error\" fontSize=\"medium\" sx={{ position: 'absolute', visibility: validCode === false ? 'visible' : 'hidden' }} />\n          </InputAdornment>\n        ),\n      },\n    }}\n    onKeyUp={(event: KeyboardEvent) => (event.key === 'Enter' && !disabled ? onEnter?.() : null)}\n    autoFocus\n    size=\"small\"\n    value={codeInput ?? ''}\n    onChange={(event: React.ChangeEvent<HTMLInputElement>) => setCodeInput?.(event.target.value)}\n    {...props}\n  />\n)\n\nconst StyledTextField = styled(TextField, { name: 'StyledTextField' })(() => ({ '& .MuiInputBase-root': { paddingRight: 0 } }))\n","import { useMemo, useState } from 'react'\n\nexport const useAccessCodes = (localStorageKey: string, validCodeLength = 6) => {\n  const [validated, setValidated] = useState(false)\n  const [codeInput, setCodeInput] = useState('')\n\n  const onAccessCodeSuccess = () => {\n    // Save the access code to local storage\n    if (codeInput) {\n      localStorage.setItem(localStorageKey, JSON.stringify([codeInput]))\n      setValidated(true)\n    } else {\n      // If the codeInput is empty, but we have success, do nothing since the successful code is already saved\n      setValidated(true)\n    }\n  }\n  const validateCodeInput = (code?: string) => {\n    return code?.length === validCodeLength\n  }\n  const onCodeInputChange = (code?: string) => {\n    setCodeInput(code ?? '')\n  }\n  const userAccessCodes = useMemo(() => {\n    const storedCodes = localStorage.getItem(localStorageKey)\n    if (storedCodes) {\n      const parsedResult = JSON.parse(storedCodes ?? '')\n      if (Array.isArray(parsedResult)) return parsedResult\n    }\n  }, [localStorageKey])\n\n  return {\n    codeInput, validated, userAccessCodes, onAccessCodeSuccess, onCodeInputChange, validateCodeInput,\n  }\n}\n"],"mappings":"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","names":["FormControl","ButtonEx","FlexGrowCol","FlexGrowRow","React","useCallback","useEffect","useState","CheckCircleOutline","ErrorOutline","InputAdornment","styled","TextField","React","CodeTextField","codeInput","disabled","onEnter","setCodeInput","validCode","props","StyledTextField","slotProps","input","endAdornment","InputAdornment","position","CheckCircleOutline","sx","display","visibility","color","fontSize","ErrorOutline","onKeyUp","event","key","autoFocus","size","value","onChange","target","styled","TextField","name","paddingRight","AccessCodeGateFlexbox","children","onCodeInputChange","onAccessCodeSuccess","successRedirectDelay","userAccessCodes","validAccessCodes","validateFunction","props","initialized","setInitialized","useState","accessGranted","setAccessGranted","codeInput","setCodeInput","validCode","setValidCode","disabled","validateCode","useCallback","accessCode","includes","useEffect","onEnter","granted","setTimeout","some","code","React","FlexGrowCol","gap","FlexGrowRow","alignItems","FormControl","CodeTextField","label","ButtonEx","onClick","variant","useMemo","useState","useAccessCodes","localStorageKey","validCodeLength","validated","setValidated","useState","codeInput","setCodeInput","onAccessCodeSuccess","localStorage","setItem","JSON","stringify","validateCodeInput","code","length","onCodeInputChange","userAccessCodes","useMemo","storedCodes","getItem","parsedResult","parse","Array","isArray"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-access-gate",
-  "version": "7.5.6",
+  "version": "7.5.8",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -51,6 +51,7 @@
     "@mui/material": "~7.3.9",
     "@storybook/react-vite": "~10.3.3",
     "@types/react": "^19.2.14",
+    "@xylabs/ts-scripts-common": "~7.5.6",
     "@xylabs/ts-scripts-yarn3": "~7.5.6",
     "@xylabs/tsconfig": "~7.5.6",
     "@xylabs/tsconfig-dom": "~7.5.6",

package/dist/browser/components/AccessCodeGateFlexbox.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta } from '@storybook/react-vite';
-import { AccessCodeGateFlexbox } from './AccessCodeGateFlexbox.tsx';
-declare const _default: Meta;
-export default _default;
-declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AccessCodeGateFlexbox>;
-declare const WithAccessCodes: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AccessCodeGateFlexbox>;
-export { Default, WithAccessCodes };
-//# sourceMappingURL=AccessCodeGateFlexbox.stories.d.ts.map

package/dist/browser/components/AccessCodeGateFlexbox.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccessCodeGateFlexbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AccessCodeGateFlexbox.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAK1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;wBAO9D,IAAI;AAHT,wBAGS;AAkCT,QAAA,MAAM,OAAO,oHAAoB,CAAA;AACjC,QAAA,MAAM,eAAe,oHAAmC,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA"}