@flipdish/portal-library 5.2.0 → 5.3.0

package/dist/custom-hooks/useMicroFrontendAttributes.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("react");const e=["orgId","appId",{key:"isFlipdishStaff",type:"boolean"}],n=(t,e)=>t||"boolean"===e?"boolean"===e?"true"===t:"number"===e?Number(t):t:null,r=t=>[...e.map((t=>"string"==typeof t?t:t.key)),...t.map((t=>"string"==typeof t?t:t.key))];module.exports=(o=[])=>{const[s,i]=t.useState((()=>(t=>{const e=r(t),n={};return e.forEach((t=>{const e="string"==typeof t?t:t.key;n[e]=null})),n})(o)));return t.useEffect((()=>{const t=document.getElementById("flipdish-micro-frontend");if(!t)return void console.warn("Micro-frontend div not found");const s=r(o),u=[...e,...o],c=()=>{i((e=>{const r={...e};let o=!1;return s.forEach((e=>{const{value:s,key:i}=((t,e,r)=>{const o=((t,e)=>e.find((e=>"string"==typeof e?e===t:e.key===t)))(t,r),s=(t=>t&&"string"!=typeof t&&"type"in t?t.type??"string":"string")(o),i="string"==typeof t?t:t.key,u=(void 0)[`VITE_${i.toUpperCase()}_OVERRIDE`],c=`data-${i}`,a=e.getAttribute(c);return{value:n(u?u.toString():a,s),key:i}})(e,t,u);r[i]!==s&&(r[i]=s,o=!0)})),o?r:e}))};c();const a=new MutationObserver(c);return a.observe(t,{attributes:!0}),()=>a.disconnect()}),[o]),s};
+"use strict";var t=require("react");const e=["org-id","app-id",{key:"is-flipdish-staff",type:"boolean"}],n=(t,e)=>t||"boolean"===e?"boolean"===e?"true"===t:"number"===e?Number(t):t:null,r=t=>[...e.map((t=>"string"==typeof t?t:t.key)),...t.map((t=>"string"==typeof t?t:t.key))];module.exports=(o=[])=>{const[s,i]=t.useState((()=>(t=>{const e=r(t),n={};return e.forEach((t=>{const e="string"==typeof t?t:t.key;n[e]=null})),n})(o)));return t.useEffect((()=>{const t=document.getElementById("flipdish-micro-frontend");if(!t)return void console.warn("Micro-frontend div not found");const s=r(o),u=[...e,...o],c=()=>{i((e=>{const r={...e};let o=!1;return s.forEach((e=>{const{value:s,key:i}=((t,e,r)=>{const o=((t,e)=>e.find((e=>"string"==typeof e?e===t:e.key===t)))(t,r),s=(t=>t&&"string"!=typeof t&&"type"in t?t.type??"string":"string")(o),i="string"==typeof t?t:t.key,u=(void 0)[`VITE_${i.toUpperCase()}_OVERRIDE`],c=`data-${i}`,a=e.getAttribute(c);return{value:n(u?u.toString():a,s),key:i}})(e,t,u);r[i]!==s&&(r[i]=s,o=!0)})),o?r:e}))};c();const a=new MutationObserver(c);return a.observe(t,{attributes:!0}),()=>a.disconnect()}),[o]),s};
 //# sourceMappingURL=useMicroFrontendAttributes.cjs.js.map

package/dist/custom-hooks/useMicroFrontendAttributes.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMicroFrontendAttributes.cjs.js","sources":["../../src/custom-hooks/useMicroFrontendAttributes.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype KeyType = 'boolean' | 'number' | 'string';\n\ninterface KeyConfig {\n  key: string;\n  type?: KeyType; // type is optional, defaults to 'string'\n}\n\nconst ALWAYS_RETURN_KEYS: (KeyConfig | string)[] = [\n  'orgId',\n  'appId',\n  { key: 'isFlipdishStaff', type: 'boolean' },\n] as const;\n\ntype AlwaysReturnKeys = (typeof ALWAYS_RETURN_KEYS)[number] extends KeyConfig\n  ? (typeof ALWAYS_RETURN_KEYS)[number]['key']\n  : (typeof ALWAYS_RETURN_KEYS)[number];\n\ntype ExtractKey<T> = T extends KeyConfig ? T['key'] : T;\n\ntype AttributeValue = boolean | number | string | null;\n\n// Utility functions moved outside\ntype KeyArg<T> = AlwaysReturnKeys | T | string;\nconst getKeyConfig = <T extends KeyConfig | string>(key: KeyArg<T>, allConfigs: (KeyConfig | string)[]) => {\n  return allConfigs.find((config) => (typeof config === 'string' ? config === key : config.key === key));\n};\n\nconst getValueType = (keyConfig: KeyConfig | string | undefined): KeyType => {\n  return keyConfig && typeof keyConfig !== 'string' && 'type' in keyConfig\n    ? (keyConfig.type ?? 'string')\n    : 'string';\n};\n\nconst parseValue = (value: string | null, type: KeyType): AttributeValue => {\n  if (!value && type !== 'boolean') return null;\n  if (type === 'boolean') return value === 'true';\n  if (type === 'number') return Number(value);\n  return value;\n};\n\nconst getAllKeys = <T extends KeyConfig | string>(\n  customKeys: (KeyConfig | T)[],\n): (AlwaysReturnKeys | T | string)[] => {\n  return [\n    ...ALWAYS_RETURN_KEYS.map((key) => (typeof key === 'string' ? key : key.key)),\n    ...customKeys.map((key) => (typeof key === 'string' ? key : key.key)),\n  ];\n};\n\nconst getInitialState = <T extends KeyConfig | string>(\n  customKeys: (KeyConfig | T)[],\n): Record<ExtractKey<AlwaysReturnKeys | T>, AttributeValue> => {\n  const allKeys = getAllKeys(customKeys);\n  const initialState = {} as Record<ExtractKey<AlwaysReturnKeys | T>, AttributeValue>;\n  allKeys.forEach((key) => {\n    const typedKey = (typeof key === 'string' ? key : key.key) as ExtractKey<AlwaysReturnKeys | T>;\n    initialState[typedKey] = null;\n  });\n  return initialState;\n};\n\nconst processAttribute = <T extends KeyConfig | string>(\n  key: AlwaysReturnKeys | T | string,\n  microFrontendDiv: HTMLElement,\n  allConfigs: (KeyConfig | string)[],\n): { value: AttributeValue; key: ExtractKey<AlwaysReturnKeys | T> } => {\n  const keyConfig = getKeyConfig(key, allConfigs);\n  const type = getValueType(keyConfig);\n  const keyString = typeof key === 'string' ? key : key.key;\n\n  const envVar = import.meta.env[`VITE_${keyString.toUpperCase()}_OVERRIDE`] as string | null | undefined;\n  const attributeKey = `data-${keyString}`;\n  const domValue = microFrontendDiv.getAttribute(attributeKey);\n\n  const value = envVar ? parseValue(envVar.toString(), type) : parseValue(domValue, type);\n  return { value, key: keyString as ExtractKey<AlwaysReturnKeys | T> };\n};\n\n/**\n * Custom hook to manage micro-frontend attributes.\n *\n * This hook initializes and updates a set of attributes based on a combination of predefined keys (ALWAYS_RETURN_KEYS)\n * and custom keys provided as arguments. The attributes are fetched from environment variables or DOM attributes\n * and are updated dynamically using a MutationObserver.\n *\n * @template T - The type of custom keys, which can be either a string or a KeyConfig object.\n *\n * @param {Array<T | KeyConfig>} [customKeys=[]] - An array of custom keys or KeyConfig objects to be included in the attributes.\n *\n * @returns {Record<ExtractKey<AlwaysReturnKeys | T>, string | boolean | number | null>} - A record of attributes with their values.\n *\n * @example\n * const attributes = useMicroFrontendAttributes(['customKey1', { key: 'customKey2', type: 'boolean' }]);\n * console.log(attributes);\n */\nconst useMicroFrontendAttributes = <T extends KeyConfig | string>(\n  customKeys: (KeyConfig | T)[] = [],\n): Record<ExtractKey<AlwaysReturnKeys | T>, AttributeValue> => {\n  const [attributes, setAttributes] = useState(() => getInitialState(customKeys));\n\n  useEffect(() => {\n    const microFrontendDiv = document.getElementById('flipdish-micro-frontend');\n    if (!microFrontendDiv) {\n      console.warn('Micro-frontend div not found');\n      return;\n    }\n\n    const allKeys = getAllKeys(customKeys);\n    const allConfigs = [...ALWAYS_RETURN_KEYS, ...customKeys];\n\n    const updateValues = () => {\n      setAttributes((prev) => {\n        const newAttributes = { ...prev };\n        let isChanged = false;\n\n        allKeys.forEach((key) => {\n          const { value, key: typedKey } = processAttribute(key, microFrontendDiv, allConfigs);\n          if (newAttributes[typedKey] !== value) {\n            newAttributes[typedKey] = value;\n            isChanged = true;\n          }\n        });\n\n        return isChanged ? newAttributes : prev;\n      });\n    };\n\n    updateValues();\n\n    const observer = new MutationObserver(updateValues);\n    observer.observe(microFrontendDiv, { attributes: true });\n\n    return () => observer.disconnect();\n  }, [customKeys]);\n\n  return attributes;\n};\n\nexport default useMicroFrontendAttributes;\n"],"names":["ALWAYS_RETURN_KEYS","key","type","parseValue","value","Number","getAllKeys","customKeys","map","attributes","setAttributes","useState","allKeys","initialState","forEach","typedKey","getInitialState","useEffect","microFrontendDiv","document","getElementById","console","warn","allConfigs","updateValues","prev","newAttributes","isChanged","keyConfig","find","config","getKeyConfig","getValueType","keyString","envVar","undefined","toUpperCase","attributeKey","domValue","getAttribute","toString","processAttribute","observer","MutationObserver","observe","disconnect"],"mappings":"oCASA,MAAMA,EAA6C,CACjD,QACA,QACA,CAAEC,IAAK,kBAAmBC,KAAM,YAuB5BC,EAAa,CAACC,EAAsBF,IACnCE,GAAkB,YAATF,EACD,YAATA,EAAqC,SAAVE,EAClB,WAATF,EAA0BG,OAAOD,GAC9BA,EAHkC,KAMrCE,EACJC,GAEO,IACFP,EAAmBQ,KAAKP,GAAwB,iBAARA,EAAmBA,EAAMA,EAAIA,SACrEM,EAAWC,KAAKP,GAAwB,iBAARA,EAAmBA,EAAMA,EAAIA,sBAkDjC,CACjCM,EAAgC,MAEhC,MAAOE,EAAYC,GAAiBC,EAAAA,UAAS,IAjDvB,CACtBJ,IAEA,MAAMK,EAAUN,EAAWC,GACrBM,EAAe,CAAA,EAKrB,OAJAD,EAAQE,SAASb,IACf,MAAMc,EAA2B,iBAARd,EAAmBA,EAAMA,EAAIA,IACtDY,EAAaE,GAAY,QAEpBF,GAwC4CG,CAAgBT,KAqCnE,OAnCAU,EAAAA,WAAU,KACR,MAAMC,EAAmBC,SAASC,eAAe,2BACjD,IAAKF,EAEH,YADAG,QAAQC,KAAK,gCAIf,MAAMV,EAAUN,EAAWC,GACrBgB,EAAa,IAAIvB,KAAuBO,GAExCiB,EAAe,KACnBd,GAAee,IACb,MAAMC,EAAgB,IAAKD,GAC3B,IAAIE,GAAY,EAUhB,OARAf,EAAQE,SAASb,IACf,MAAMG,MAAEA,EAAOH,IAAKc,GAvDL,EACvBd,EACAiB,EACAK,KAEA,MAAMK,EA3Ca,EAA+B3B,EAAgBsB,IAC3DA,EAAWM,MAAMC,GAA8B,iBAAXA,EAAsBA,IAAW7B,EAAM6B,EAAO7B,MAAQA,IA0C/E8B,CAAa9B,EAAKsB,GAC9BrB,EAxCa,CAAC0B,GACbA,GAAkC,iBAAdA,GAA0B,SAAUA,EAC1DA,EAAU1B,MAAQ,SACnB,SAqCS8B,CAAaJ,GACpBK,EAA2B,iBAARhC,EAAmBA,EAAMA,EAAIA,IAEhDiC,QAASC,GAAgB,QAAQF,EAAUG,0BAC3CC,EAAe,QAAQJ,IACvBK,EAAWpB,EAAiBqB,aAAaF,GAG/C,MAAO,CAAEjC,MADcD,EAAT+B,EAAoBA,EAAOM,WAA+BF,EAAnBpC,GACrCD,IAAKgC,IAyCoBQ,CAAiBxC,EAAKiB,EAAkBK,GACrEG,EAAcX,KAAcX,IAC9BsB,EAAcX,GAAYX,EAC1BuB,GAAY,MAITA,EAAYD,EAAgBD,MAIvCD,IAEA,MAAMkB,EAAW,IAAIC,iBAAiBnB,GAGtC,OAFAkB,EAASE,QAAQ1B,EAAkB,CAAET,YAAY,IAE1C,IAAMiC,EAASG,eACrB,CAACtC,IAEGE"}
+{"version":3,"file":"useMicroFrontendAttributes.cjs.js","sources":["../../src/custom-hooks/useMicroFrontendAttributes.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype KeyType = 'boolean' | 'number' | 'string';\n\ninterface KeyConfig {\n  key: string;\n  type?: KeyType; // type is optional, defaults to 'string'\n}\n\nconst ALWAYS_RETURN_KEYS: (KeyConfig | string)[] = [\n  'org-id',\n  'app-id',\n  { key: 'is-flipdish-staff', type: 'boolean' },\n] as const;\n\ntype AlwaysReturnKeys = (typeof ALWAYS_RETURN_KEYS)[number] extends KeyConfig\n  ? (typeof ALWAYS_RETURN_KEYS)[number]['key']\n  : (typeof ALWAYS_RETURN_KEYS)[number];\n\ntype ExtractKey<T> = T extends KeyConfig ? T['key'] : T;\n\ntype AttributeValue = boolean | number | string | null;\n\n// Utility functions moved outside\ntype KeyArg<T> = AlwaysReturnKeys | T | string;\nconst getKeyConfig = <T extends KeyConfig | string>(key: KeyArg<T>, allConfigs: (KeyConfig | string)[]) => {\n  return allConfigs.find((config) => (typeof config === 'string' ? config === key : config.key === key));\n};\n\nconst getValueType = (keyConfig: KeyConfig | string | undefined): KeyType => {\n  return keyConfig && typeof keyConfig !== 'string' && 'type' in keyConfig\n    ? (keyConfig.type ?? 'string')\n    : 'string';\n};\n\nconst parseValue = (value: string | null, type: KeyType): AttributeValue => {\n  if (!value && type !== 'boolean') return null;\n  if (type === 'boolean') return value === 'true';\n  if (type === 'number') return Number(value);\n  return value;\n};\n\nconst getAllKeys = <T extends KeyConfig | string>(\n  customKeys: (KeyConfig | T)[],\n): (AlwaysReturnKeys | T | string)[] => {\n  return [\n    ...ALWAYS_RETURN_KEYS.map((key) => (typeof key === 'string' ? key : key.key)),\n    ...customKeys.map((key) => (typeof key === 'string' ? key : key.key)),\n  ];\n};\n\nconst getInitialState = <T extends KeyConfig | string>(\n  customKeys: (KeyConfig | T)[],\n): Record<ExtractKey<AlwaysReturnKeys | T>, AttributeValue> => {\n  const allKeys = getAllKeys(customKeys);\n  const initialState = {} as Record<ExtractKey<AlwaysReturnKeys | T>, AttributeValue>;\n  allKeys.forEach((key) => {\n    const typedKey = (typeof key === 'string' ? key : key.key) as ExtractKey<AlwaysReturnKeys | T>;\n    initialState[typedKey] = null;\n  });\n  return initialState;\n};\n\nconst processAttribute = <T extends KeyConfig | string>(\n  key: AlwaysReturnKeys | T | string,\n  microFrontendDiv: HTMLElement,\n  allConfigs: (KeyConfig | string)[],\n): { value: AttributeValue; key: ExtractKey<AlwaysReturnKeys | T> } => {\n  const keyConfig = getKeyConfig(key, allConfigs);\n  const type = getValueType(keyConfig);\n  const keyString = typeof key === 'string' ? key : key.key;\n\n  const envVar = import.meta.env[`VITE_${keyString.toUpperCase()}_OVERRIDE`] as string | null | undefined;\n  const attributeKey = `data-${keyString}`;\n  const domValue = microFrontendDiv.getAttribute(attributeKey);\n\n  const value = envVar ? parseValue(envVar.toString(), type) : parseValue(domValue, type);\n  return { value, key: keyString as ExtractKey<AlwaysReturnKeys | T> };\n};\n\n/**\n * Custom hook to manage micro-frontend attributes.\n *\n * This hook initializes and updates a set of attributes based on a combination of predefined keys (ALWAYS_RETURN_KEYS)\n * and custom keys provided as arguments. The attributes are fetched from environment variables or DOM attributes\n * and are updated dynamically using a MutationObserver.\n *\n * @template T - The type of custom keys, which can be either a string or a KeyConfig object.\n *\n * @param {Array<T | KeyConfig>} [customKeys=[]] - An array of custom keys or KeyConfig objects to be included in the attributes.\n *\n * @returns {Record<ExtractKey<AlwaysReturnKeys | T>, string | boolean | number | null>} - A record of attributes with their values.\n *\n * @example\n * const attributes = useMicroFrontendAttributes(['customKey1', { key: 'customKey2', type: 'boolean' }]);\n * console.log(attributes);\n */\nconst useMicroFrontendAttributes = <T extends KeyConfig | string>(\n  customKeys: (KeyConfig | T)[] = [],\n): Record<ExtractKey<AlwaysReturnKeys | T>, AttributeValue> => {\n  const [attributes, setAttributes] = useState(() => getInitialState(customKeys));\n\n  useEffect(() => {\n    const microFrontendDiv = document.getElementById('flipdish-micro-frontend');\n    if (!microFrontendDiv) {\n      console.warn('Micro-frontend div not found');\n      return;\n    }\n\n    const allKeys = getAllKeys(customKeys);\n    const allConfigs = [...ALWAYS_RETURN_KEYS, ...customKeys];\n\n    const updateValues = () => {\n      setAttributes((prev) => {\n        const newAttributes = { ...prev };\n        let isChanged = false;\n\n        allKeys.forEach((key) => {\n          const { value, key: typedKey } = processAttribute(key, microFrontendDiv, allConfigs);\n          if (newAttributes[typedKey] !== value) {\n            newAttributes[typedKey] = value;\n            isChanged = true;\n          }\n        });\n\n        return isChanged ? newAttributes : prev;\n      });\n    };\n\n    updateValues();\n\n    const observer = new MutationObserver(updateValues);\n    observer.observe(microFrontendDiv, { attributes: true });\n\n    return () => observer.disconnect();\n  }, [customKeys]);\n\n  return attributes;\n};\n\nexport default useMicroFrontendAttributes;\n"],"names":["ALWAYS_RETURN_KEYS","key","type","parseValue","value","Number","getAllKeys","customKeys","map","attributes","setAttributes","useState","allKeys","initialState","forEach","typedKey","getInitialState","useEffect","microFrontendDiv","document","getElementById","console","warn","allConfigs","updateValues","prev","newAttributes","isChanged","keyConfig","find","config","getKeyConfig","getValueType","keyString","envVar","undefined","toUpperCase","attributeKey","domValue","getAttribute","toString","processAttribute","observer","MutationObserver","observe","disconnect"],"mappings":"oCASA,MAAMA,EAA6C,CACjD,SACA,SACA,CAAEC,IAAK,oBAAqBC,KAAM,YAuB9BC,EAAa,CAACC,EAAsBF,IACnCE,GAAkB,YAATF,EACD,YAATA,EAAqC,SAAVE,EAClB,WAATF,EAA0BG,OAAOD,GAC9BA,EAHkC,KAMrCE,EACJC,GAEO,IACFP,EAAmBQ,KAAKP,GAAwB,iBAARA,EAAmBA,EAAMA,EAAIA,SACrEM,EAAWC,KAAKP,GAAwB,iBAARA,EAAmBA,EAAMA,EAAIA,sBAkDjC,CACjCM,EAAgC,MAEhC,MAAOE,EAAYC,GAAiBC,EAAAA,UAAS,IAjDvB,CACtBJ,IAEA,MAAMK,EAAUN,EAAWC,GACrBM,EAAe,CAAA,EAKrB,OAJAD,EAAQE,SAASb,IACf,MAAMc,EAA2B,iBAARd,EAAmBA,EAAMA,EAAIA,IACtDY,EAAaE,GAAY,QAEpBF,GAwC4CG,CAAgBT,KAqCnE,OAnCAU,EAAAA,WAAU,KACR,MAAMC,EAAmBC,SAASC,eAAe,2BACjD,IAAKF,EAEH,YADAG,QAAQC,KAAK,gCAIf,MAAMV,EAAUN,EAAWC,GACrBgB,EAAa,IAAIvB,KAAuBO,GAExCiB,EAAe,KACnBd,GAAee,IACb,MAAMC,EAAgB,IAAKD,GAC3B,IAAIE,GAAY,EAUhB,OARAf,EAAQE,SAASb,IACf,MAAMG,MAAEA,EAAOH,IAAKc,GAvDL,EACvBd,EACAiB,EACAK,KAEA,MAAMK,EA3Ca,EAA+B3B,EAAgBsB,IAC3DA,EAAWM,MAAMC,GAA8B,iBAAXA,EAAsBA,IAAW7B,EAAM6B,EAAO7B,MAAQA,IA0C/E8B,CAAa9B,EAAKsB,GAC9BrB,EAxCa,CAAC0B,GACbA,GAAkC,iBAAdA,GAA0B,SAAUA,EAC1DA,EAAU1B,MAAQ,SACnB,SAqCS8B,CAAaJ,GACpBK,EAA2B,iBAARhC,EAAmBA,EAAMA,EAAIA,IAEhDiC,QAASC,GAAgB,QAAQF,EAAUG,0BAC3CC,EAAe,QAAQJ,IACvBK,EAAWpB,EAAiBqB,aAAaF,GAG/C,MAAO,CAAEjC,MADcD,EAAT+B,EAAoBA,EAAOM,WAA+BF,EAAnBpC,GACrCD,IAAKgC,IAyCoBQ,CAAiBxC,EAAKiB,EAAkBK,GACrEG,EAAcX,KAAcX,IAC9BsB,EAAcX,GAAYX,EAC1BuB,GAAY,MAITA,EAAYD,EAAgBD,MAIvCD,IAEA,MAAMkB,EAAW,IAAIC,iBAAiBnB,GAGtC,OAFAkB,EAASE,QAAQ1B,EAAkB,CAAET,YAAY,IAE1C,IAAMiC,EAASG,eACrB,CAACtC,IAEGE"}

package/dist/custom-hooks/useMicroFrontendAttributes.js

@@ -1,2 +1,2 @@
-import{useState as t,useEffect as e}from"react";const n=["orgId","appId",{key:"isFlipdishStaff",type:"boolean"}],o=(t,e)=>t||"boolean"===e?"boolean"===e?"true"===t:"number"===e?Number(t):t:null,r=t=>[...n.map((t=>"string"==typeof t?t:t.key)),...t.map((t=>"string"==typeof t?t:t.key))],s=(s=[])=>{const[i,a]=t((()=>(t=>{const e=r(t),n={};return e.forEach((t=>{const e="string"==typeof t?t:t.key;n[e]=null})),n})(s)));return e((()=>{const t=document.getElementById("flipdish-micro-frontend");if(!t)return void console.warn("Micro-frontend div not found");const e=r(s),i=[...n,...s],p=()=>{a((n=>{const r={...n};let s=!1;return e.forEach((e=>{const{value:n,key:a}=((t,e,n)=>{const r=((t,e)=>e.find((e=>"string"==typeof e?e===t:e.key===t)))(t,n),s=(t=>t&&"string"!=typeof t&&"type"in t?t.type??"string":"string")(r),i="string"==typeof t?t:t.key,a=import.meta.env[`VITE_${i.toUpperCase()}_OVERRIDE`],p=`data-${i}`,c=e.getAttribute(p);return{value:o(a?a.toString():c,s),key:i}})(e,t,i);r[a]!==n&&(r[a]=n,s=!0)})),s?r:n}))};p();const c=new MutationObserver(p);return c.observe(t,{attributes:!0}),()=>c.disconnect()}),[s]),i};export{s as default};
+import{useState as t,useEffect as e}from"react";const n=["org-id","app-id",{key:"is-flipdish-staff",type:"boolean"}],o=(t,e)=>t||"boolean"===e?"boolean"===e?"true"===t:"number"===e?Number(t):t:null,r=t=>[...n.map((t=>"string"==typeof t?t:t.key)),...t.map((t=>"string"==typeof t?t:t.key))],i=(i=[])=>{const[s,a]=t((()=>(t=>{const e=r(t),n={};return e.forEach((t=>{const e="string"==typeof t?t:t.key;n[e]=null})),n})(i)));return e((()=>{const t=document.getElementById("flipdish-micro-frontend");if(!t)return void console.warn("Micro-frontend div not found");const e=r(i),s=[...n,...i],p=()=>{a((n=>{const r={...n};let i=!1;return e.forEach((e=>{const{value:n,key:a}=((t,e,n)=>{const r=((t,e)=>e.find((e=>"string"==typeof e?e===t:e.key===t)))(t,n),i=(t=>t&&"string"!=typeof t&&"type"in t?t.type??"string":"string")(r),s="string"==typeof t?t:t.key,a=import.meta.env[`VITE_${s.toUpperCase()}_OVERRIDE`],p=`data-${s}`,c=e.getAttribute(p);return{value:o(a?a.toString():c,i),key:s}})(e,t,s);r[a]!==n&&(r[a]=n,i=!0)})),i?r:n}))};p();const c=new MutationObserver(p);return c.observe(t,{attributes:!0}),()=>c.disconnect()}),[i]),s};export{i as default};
 //# sourceMappingURL=useMicroFrontendAttributes.js.map

package/dist/custom-hooks/useMicroFrontendAttributes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMicroFrontendAttributes.js","sources":["../../src/custom-hooks/useMicroFrontendAttributes.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype KeyType = 'boolean' | 'number' | 'string';\n\ninterface KeyConfig {\n  key: string;\n  type?: KeyType; // type is optional, defaults to 'string'\n}\n\nconst ALWAYS_RETURN_KEYS: (KeyConfig | string)[] = [\n  'orgId',\n  'appId',\n  { key: 'isFlipdishStaff', type: 'boolean' },\n] as const;\n\ntype AlwaysReturnKeys = (typeof ALWAYS_RETURN_KEYS)[number] extends KeyConfig\n  ? (typeof ALWAYS_RETURN_KEYS)[number]['key']\n  : (typeof ALWAYS_RETURN_KEYS)[number];\n\ntype ExtractKey<T> = T extends KeyConfig ? T['key'] : T;\n\ntype AttributeValue = boolean | number | string | null;\n\n// Utility functions moved outside\ntype KeyArg<T> = AlwaysReturnKeys | T | string;\nconst getKeyConfig = <T extends KeyConfig | string>(key: KeyArg<T>, allConfigs: (KeyConfig | string)[]) => {\n  return allConfigs.find((config) => (typeof config === 'string' ? config === key : config.key === key));\n};\n\nconst getValueType = (keyConfig: KeyConfig | string | undefined): KeyType => {\n  return keyConfig && typeof keyConfig !== 'string' && 'type' in keyConfig\n    ? (keyConfig.type ?? 'string')\n    : 'string';\n};\n\nconst parseValue = (value: string | null, type: KeyType): AttributeValue => {\n  if (!value && type !== 'boolean') return null;\n  if (type === 'boolean') return value === 'true';\n  if (type === 'number') return Number(value);\n  return value;\n};\n\nconst getAllKeys = <T extends KeyConfig | string>(\n  customKeys: (KeyConfig | T)[],\n): (AlwaysReturnKeys | T | string)[] => {\n  return [\n    ...ALWAYS_RETURN_KEYS.map((key) => (typeof key === 'string' ? key : key.key)),\n    ...customKeys.map((key) => (typeof key === 'string' ? key : key.key)),\n  ];\n};\n\nconst getInitialState = <T extends KeyConfig | string>(\n  customKeys: (KeyConfig | T)[],\n): Record<ExtractKey<AlwaysReturnKeys | T>, AttributeValue> => {\n  const allKeys = getAllKeys(customKeys);\n  const initialState = {} as Record<ExtractKey<AlwaysReturnKeys | T>, AttributeValue>;\n  allKeys.forEach((key) => {\n    const typedKey = (typeof key === 'string' ? key : key.key) as ExtractKey<AlwaysReturnKeys | T>;\n    initialState[typedKey] = null;\n  });\n  return initialState;\n};\n\nconst processAttribute = <T extends KeyConfig | string>(\n  key: AlwaysReturnKeys | T | string,\n  microFrontendDiv: HTMLElement,\n  allConfigs: (KeyConfig | string)[],\n): { value: AttributeValue; key: ExtractKey<AlwaysReturnKeys | T> } => {\n  const keyConfig = getKeyConfig(key, allConfigs);\n  const type = getValueType(keyConfig);\n  const keyString = typeof key === 'string' ? key : key.key;\n\n  const envVar = import.meta.env[`VITE_${keyString.toUpperCase()}_OVERRIDE`] as string | null | undefined;\n  const attributeKey = `data-${keyString}`;\n  const domValue = microFrontendDiv.getAttribute(attributeKey);\n\n  const value = envVar ? parseValue(envVar.toString(), type) : parseValue(domValue, type);\n  return { value, key: keyString as ExtractKey<AlwaysReturnKeys | T> };\n};\n\n/**\n * Custom hook to manage micro-frontend attributes.\n *\n * This hook initializes and updates a set of attributes based on a combination of predefined keys (ALWAYS_RETURN_KEYS)\n * and custom keys provided as arguments. The attributes are fetched from environment variables or DOM attributes\n * and are updated dynamically using a MutationObserver.\n *\n * @template T - The type of custom keys, which can be either a string or a KeyConfig object.\n *\n * @param {Array<T | KeyConfig>} [customKeys=[]] - An array of custom keys or KeyConfig objects to be included in the attributes.\n *\n * @returns {Record<ExtractKey<AlwaysReturnKeys | T>, string | boolean | number | null>} - A record of attributes with their values.\n *\n * @example\n * const attributes = useMicroFrontendAttributes(['customKey1', { key: 'customKey2', type: 'boolean' }]);\n * console.log(attributes);\n */\nconst useMicroFrontendAttributes = <T extends KeyConfig | string>(\n  customKeys: (KeyConfig | T)[] = [],\n): Record<ExtractKey<AlwaysReturnKeys | T>, AttributeValue> => {\n  const [attributes, setAttributes] = useState(() => getInitialState(customKeys));\n\n  useEffect(() => {\n    const microFrontendDiv = document.getElementById('flipdish-micro-frontend');\n    if (!microFrontendDiv) {\n      console.warn('Micro-frontend div not found');\n      return;\n    }\n\n    const allKeys = getAllKeys(customKeys);\n    const allConfigs = [...ALWAYS_RETURN_KEYS, ...customKeys];\n\n    const updateValues = () => {\n      setAttributes((prev) => {\n        const newAttributes = { ...prev };\n        let isChanged = false;\n\n        allKeys.forEach((key) => {\n          const { value, key: typedKey } = processAttribute(key, microFrontendDiv, allConfigs);\n          if (newAttributes[typedKey] !== value) {\n            newAttributes[typedKey] = value;\n            isChanged = true;\n          }\n        });\n\n        return isChanged ? newAttributes : prev;\n      });\n    };\n\n    updateValues();\n\n    const observer = new MutationObserver(updateValues);\n    observer.observe(microFrontendDiv, { attributes: true });\n\n    return () => observer.disconnect();\n  }, [customKeys]);\n\n  return attributes;\n};\n\nexport default useMicroFrontendAttributes;\n"],"names":["ALWAYS_RETURN_KEYS","key","type","parseValue","value","Number","getAllKeys","customKeys","map","useMicroFrontendAttributes","attributes","setAttributes","useState","allKeys","initialState","forEach","typedKey","getInitialState","useEffect","microFrontendDiv","document","getElementById","console","warn","allConfigs","updateValues","prev","newAttributes","isChanged","keyConfig","find","config","getKeyConfig","getValueType","keyString","envVar","env","toUpperCase","attributeKey","domValue","getAttribute","toString","processAttribute","observer","MutationObserver","observe","disconnect"],"mappings":"gDASA,MAAMA,EAA6C,CACjD,QACA,QACA,CAAEC,IAAK,kBAAmBC,KAAM,YAuB5BC,EAAa,CAACC,EAAsBF,IACnCE,GAAkB,YAATF,EACD,YAATA,EAAqC,SAAVE,EAClB,WAATF,EAA0BG,OAAOD,GAC9BA,EAHkC,KAMrCE,EACJC,GAEO,IACFP,EAAmBQ,KAAKP,GAAwB,iBAARA,EAAmBA,EAAMA,EAAIA,SACrEM,EAAWC,KAAKP,GAAwB,iBAARA,EAAmBA,EAAMA,EAAIA,OAkD9DQ,EAA6B,CACjCF,EAAgC,MAEhC,MAAOG,EAAYC,GAAiBC,GAAS,IAjDvB,CACtBL,IAEA,MAAMM,EAAUP,EAAWC,GACrBO,EAAe,CAAA,EAKrB,OAJAD,EAAQE,SAASd,IACf,MAAMe,EAA2B,iBAARf,EAAmBA,EAAMA,EAAIA,IACtDa,EAAaE,GAAY,QAEpBF,GAwC4CG,CAAgBV,KAqCnE,OAnCAW,GAAU,KACR,MAAMC,EAAmBC,SAASC,eAAe,2BACjD,IAAKF,EAEH,YADAG,QAAQC,KAAK,gCAIf,MAAMV,EAAUP,EAAWC,GACrBiB,EAAa,IAAIxB,KAAuBO,GAExCkB,EAAe,KACnBd,GAAee,IACb,MAAMC,EAAgB,IAAKD,GAC3B,IAAIE,GAAY,EAUhB,OARAf,EAAQE,SAASd,IACf,MAAMG,MAAEA,EAAOH,IAAKe,GAvDL,EACvBf,EACAkB,EACAK,KAEA,MAAMK,EA3Ca,EAA+B5B,EAAgBuB,IAC3DA,EAAWM,MAAMC,GAA8B,iBAAXA,EAAsBA,IAAW9B,EAAM8B,EAAO9B,MAAQA,IA0C/E+B,CAAa/B,EAAKuB,GAC9BtB,EAxCa,CAAC2B,GACbA,GAAkC,iBAAdA,GAA0B,SAAUA,EAC1DA,EAAU3B,MAAQ,SACnB,SAqCS+B,CAAaJ,GACpBK,EAA2B,iBAARjC,EAAmBA,EAAMA,EAAIA,IAEhDkC,cAAqBC,IAAI,QAAQF,EAAUG,0BAC3CC,EAAe,QAAQJ,IACvBK,EAAWpB,EAAiBqB,aAAaF,GAG/C,MAAO,CAAElC,MADcD,EAATgC,EAAoBA,EAAOM,WAA+BF,EAAnBrC,GACrCD,IAAKiC,IAyCoBQ,CAAiBzC,EAAKkB,EAAkBK,GACrEG,EAAcX,KAAcZ,IAC9BuB,EAAcX,GAAYZ,EAC1BwB,GAAY,MAITA,EAAYD,EAAgBD,MAIvCD,IAEA,MAAMkB,EAAW,IAAIC,iBAAiBnB,GAGtC,OAFAkB,EAASE,QAAQ1B,EAAkB,CAAET,YAAY,IAE1C,IAAMiC,EAASG,eACrB,CAACvC,IAEGG"}
+{"version":3,"file":"useMicroFrontendAttributes.js","sources":["../../src/custom-hooks/useMicroFrontendAttributes.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype KeyType = 'boolean' | 'number' | 'string';\n\ninterface KeyConfig {\n  key: string;\n  type?: KeyType; // type is optional, defaults to 'string'\n}\n\nconst ALWAYS_RETURN_KEYS: (KeyConfig | string)[] = [\n  'org-id',\n  'app-id',\n  { key: 'is-flipdish-staff', type: 'boolean' },\n] as const;\n\ntype AlwaysReturnKeys = (typeof ALWAYS_RETURN_KEYS)[number] extends KeyConfig\n  ? (typeof ALWAYS_RETURN_KEYS)[number]['key']\n  : (typeof ALWAYS_RETURN_KEYS)[number];\n\ntype ExtractKey<T> = T extends KeyConfig ? T['key'] : T;\n\ntype AttributeValue = boolean | number | string | null;\n\n// Utility functions moved outside\ntype KeyArg<T> = AlwaysReturnKeys | T | string;\nconst getKeyConfig = <T extends KeyConfig | string>(key: KeyArg<T>, allConfigs: (KeyConfig | string)[]) => {\n  return allConfigs.find((config) => (typeof config === 'string' ? config === key : config.key === key));\n};\n\nconst getValueType = (keyConfig: KeyConfig | string | undefined): KeyType => {\n  return keyConfig && typeof keyConfig !== 'string' && 'type' in keyConfig\n    ? (keyConfig.type ?? 'string')\n    : 'string';\n};\n\nconst parseValue = (value: string | null, type: KeyType): AttributeValue => {\n  if (!value && type !== 'boolean') return null;\n  if (type === 'boolean') return value === 'true';\n  if (type === 'number') return Number(value);\n  return value;\n};\n\nconst getAllKeys = <T extends KeyConfig | string>(\n  customKeys: (KeyConfig | T)[],\n): (AlwaysReturnKeys | T | string)[] => {\n  return [\n    ...ALWAYS_RETURN_KEYS.map((key) => (typeof key === 'string' ? key : key.key)),\n    ...customKeys.map((key) => (typeof key === 'string' ? key : key.key)),\n  ];\n};\n\nconst getInitialState = <T extends KeyConfig | string>(\n  customKeys: (KeyConfig | T)[],\n): Record<ExtractKey<AlwaysReturnKeys | T>, AttributeValue> => {\n  const allKeys = getAllKeys(customKeys);\n  const initialState = {} as Record<ExtractKey<AlwaysReturnKeys | T>, AttributeValue>;\n  allKeys.forEach((key) => {\n    const typedKey = (typeof key === 'string' ? key : key.key) as ExtractKey<AlwaysReturnKeys | T>;\n    initialState[typedKey] = null;\n  });\n  return initialState;\n};\n\nconst processAttribute = <T extends KeyConfig | string>(\n  key: AlwaysReturnKeys | T | string,\n  microFrontendDiv: HTMLElement,\n  allConfigs: (KeyConfig | string)[],\n): { value: AttributeValue; key: ExtractKey<AlwaysReturnKeys | T> } => {\n  const keyConfig = getKeyConfig(key, allConfigs);\n  const type = getValueType(keyConfig);\n  const keyString = typeof key === 'string' ? key : key.key;\n\n  const envVar = import.meta.env[`VITE_${keyString.toUpperCase()}_OVERRIDE`] as string | null | undefined;\n  const attributeKey = `data-${keyString}`;\n  const domValue = microFrontendDiv.getAttribute(attributeKey);\n\n  const value = envVar ? parseValue(envVar.toString(), type) : parseValue(domValue, type);\n  return { value, key: keyString as ExtractKey<AlwaysReturnKeys | T> };\n};\n\n/**\n * Custom hook to manage micro-frontend attributes.\n *\n * This hook initializes and updates a set of attributes based on a combination of predefined keys (ALWAYS_RETURN_KEYS)\n * and custom keys provided as arguments. The attributes are fetched from environment variables or DOM attributes\n * and are updated dynamically using a MutationObserver.\n *\n * @template T - The type of custom keys, which can be either a string or a KeyConfig object.\n *\n * @param {Array<T | KeyConfig>} [customKeys=[]] - An array of custom keys or KeyConfig objects to be included in the attributes.\n *\n * @returns {Record<ExtractKey<AlwaysReturnKeys | T>, string | boolean | number | null>} - A record of attributes with their values.\n *\n * @example\n * const attributes = useMicroFrontendAttributes(['customKey1', { key: 'customKey2', type: 'boolean' }]);\n * console.log(attributes);\n */\nconst useMicroFrontendAttributes = <T extends KeyConfig | string>(\n  customKeys: (KeyConfig | T)[] = [],\n): Record<ExtractKey<AlwaysReturnKeys | T>, AttributeValue> => {\n  const [attributes, setAttributes] = useState(() => getInitialState(customKeys));\n\n  useEffect(() => {\n    const microFrontendDiv = document.getElementById('flipdish-micro-frontend');\n    if (!microFrontendDiv) {\n      console.warn('Micro-frontend div not found');\n      return;\n    }\n\n    const allKeys = getAllKeys(customKeys);\n    const allConfigs = [...ALWAYS_RETURN_KEYS, ...customKeys];\n\n    const updateValues = () => {\n      setAttributes((prev) => {\n        const newAttributes = { ...prev };\n        let isChanged = false;\n\n        allKeys.forEach((key) => {\n          const { value, key: typedKey } = processAttribute(key, microFrontendDiv, allConfigs);\n          if (newAttributes[typedKey] !== value) {\n            newAttributes[typedKey] = value;\n            isChanged = true;\n          }\n        });\n\n        return isChanged ? newAttributes : prev;\n      });\n    };\n\n    updateValues();\n\n    const observer = new MutationObserver(updateValues);\n    observer.observe(microFrontendDiv, { attributes: true });\n\n    return () => observer.disconnect();\n  }, [customKeys]);\n\n  return attributes;\n};\n\nexport default useMicroFrontendAttributes;\n"],"names":["ALWAYS_RETURN_KEYS","key","type","parseValue","value","Number","getAllKeys","customKeys","map","useMicroFrontendAttributes","attributes","setAttributes","useState","allKeys","initialState","forEach","typedKey","getInitialState","useEffect","microFrontendDiv","document","getElementById","console","warn","allConfigs","updateValues","prev","newAttributes","isChanged","keyConfig","find","config","getKeyConfig","getValueType","keyString","envVar","env","toUpperCase","attributeKey","domValue","getAttribute","toString","processAttribute","observer","MutationObserver","observe","disconnect"],"mappings":"gDASA,MAAMA,EAA6C,CACjD,SACA,SACA,CAAEC,IAAK,oBAAqBC,KAAM,YAuB9BC,EAAa,CAACC,EAAsBF,IACnCE,GAAkB,YAATF,EACD,YAATA,EAAqC,SAAVE,EAClB,WAATF,EAA0BG,OAAOD,GAC9BA,EAHkC,KAMrCE,EACJC,GAEO,IACFP,EAAmBQ,KAAKP,GAAwB,iBAARA,EAAmBA,EAAMA,EAAIA,SACrEM,EAAWC,KAAKP,GAAwB,iBAARA,EAAmBA,EAAMA,EAAIA,OAkD9DQ,EAA6B,CACjCF,EAAgC,MAEhC,MAAOG,EAAYC,GAAiBC,GAAS,IAjDvB,CACtBL,IAEA,MAAMM,EAAUP,EAAWC,GACrBO,EAAe,CAAA,EAKrB,OAJAD,EAAQE,SAASd,IACf,MAAMe,EAA2B,iBAARf,EAAmBA,EAAMA,EAAIA,IACtDa,EAAaE,GAAY,QAEpBF,GAwC4CG,CAAgBV,KAqCnE,OAnCAW,GAAU,KACR,MAAMC,EAAmBC,SAASC,eAAe,2BACjD,IAAKF,EAEH,YADAG,QAAQC,KAAK,gCAIf,MAAMV,EAAUP,EAAWC,GACrBiB,EAAa,IAAIxB,KAAuBO,GAExCkB,EAAe,KACnBd,GAAee,IACb,MAAMC,EAAgB,IAAKD,GAC3B,IAAIE,GAAY,EAUhB,OARAf,EAAQE,SAASd,IACf,MAAMG,MAAEA,EAAOH,IAAKe,GAvDL,EACvBf,EACAkB,EACAK,KAEA,MAAMK,EA3Ca,EAA+B5B,EAAgBuB,IAC3DA,EAAWM,MAAMC,GAA8B,iBAAXA,EAAsBA,IAAW9B,EAAM8B,EAAO9B,MAAQA,IA0C/E+B,CAAa/B,EAAKuB,GAC9BtB,EAxCa,CAAC2B,GACbA,GAAkC,iBAAdA,GAA0B,SAAUA,EAC1DA,EAAU3B,MAAQ,SACnB,SAqCS+B,CAAaJ,GACpBK,EAA2B,iBAARjC,EAAmBA,EAAMA,EAAIA,IAEhDkC,cAAqBC,IAAI,QAAQF,EAAUG,0BAC3CC,EAAe,QAAQJ,IACvBK,EAAWpB,EAAiBqB,aAAaF,GAG/C,MAAO,CAAElC,MADcD,EAATgC,EAAoBA,EAAOM,WAA+BF,EAAnBrC,GACrCD,IAAKiC,IAyCoBQ,CAAiBzC,EAAKkB,EAAkBK,GACrEG,EAAcX,KAAcZ,IAC9BuB,EAAcX,GAAYZ,EAC1BwB,GAAY,MAITA,EAAYD,EAAgBD,MAIvCD,IAEA,MAAMkB,EAAW,IAAIC,iBAAiBnB,GAGtC,OAFAkB,EAASE,QAAQ1B,EAAkB,CAAET,YAAY,IAE1C,IAAMiC,EAASG,eACrB,CAACvC,IAEGG"}

package/dist/utilities/renderUtilities.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");const t=e=>{const t=document.getElementById("flipdish-micro-frontend");return t?.getAttribute(e)||""};exports.getAppId=()=>(void 0).VITE_APPID_OVERRIDE||t("data-appId"),exports.getBrandId=()=>(void 0).VITE_BRANDID_OVERRIDE||t("data-brandId"),exports.getIsFlipdishStaff=()=>{const e=(void 0).VITE_ISFLIPDISHSTAFFOVERRIDE||t("data-isFlipdishStaff");return"true"===e?.toString()},exports.getMicroFrontendAttribute=t,exports.getOrgId=()=>(void 0).VITE_ORGID_OVERRIDE||t("data-orgId"),exports.lazyWithRetry=t=>e.lazy((async()=>{const e=JSON.parse(window.sessionStorage.getItem("page-has-been-force-refreshed")||"false");try{const e=await t();return window.sessionStorage.setItem("page-has-been-force-refreshed","false"),e}catch(t){if(!e)return window.sessionStorage.setItem("page-has-been-force-refreshed","true"),window.location.reload();throw t}}));
+"use strict";var e=require("react");const t=e=>{const t=document.getElementById("flipdish-micro-frontend");return t?.getAttribute(e)||""};exports.getAppId=()=>(void 0).VITE_APPID_OVERRIDE||t("data-app-id")||t("data-appid"),exports.getBrandId=()=>(void 0).VITE_BRANDID_OVERRIDE||t("data-brand-id")||t("data-brandid"),exports.getIsFlipdishStaff=()=>{const e=(void 0).VITE_ISFLIPDISHSTAFFOVERRIDE||t("data-is-flipdish-staff")||t("data-isflipdishstaff");return"true"===e?.toString()},exports.getMicroFrontendAttribute=t,exports.getOrgId=()=>(void 0).VITE_ORGID_OVERRIDE||t("data-org-id")||t("data-orgid"),exports.lazyWithRetry=t=>e.lazy((async()=>{const e=JSON.parse(window.sessionStorage.getItem("page-has-been-force-refreshed")||"false");try{const e=await t();return window.sessionStorage.setItem("page-has-been-force-refreshed","false"),e}catch(t){if(!e)return window.sessionStorage.setItem("page-has-been-force-refreshed","true"),window.location.reload();throw t}}));
 //# sourceMappingURL=renderUtilities.cjs.js.map

package/dist/utilities/renderUtilities.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderUtilities.cjs.js","sources":["../../src/utilities/renderUtilities.ts"],"sourcesContent":["import { lazy } from 'react';\n\nexport const getMicroFrontendAttribute = (key: string): string => {\n  const microFrontendDiv = document.getElementById('flipdish-micro-frontend');\n  return microFrontendDiv?.getAttribute(key) || '';\n};\n\n/**\n * Retrieves the AppId.\n *\n * Attempts to get the value from the environment variable `VITE_APPID_OVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-appId`.\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getAppId = (): string => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return import.meta.env['VITE_APPID_OVERRIDE'] || getMicroFrontendAttribute('data-appId');\n};\n\n/**\n * Retrieves the OrgId.\n *\n * Attempts to get the value from the environment variable `VITE_ORGID_OVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-orgId`.\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getOrgId = (): string => {\n  //TODO: change to kebab case to satisfy html attribute requirements\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return import.meta.env['VITE_ORGID_OVERRIDE'] || getMicroFrontendAttribute('data-orgId');\n};\n\n/**\n * Retrieves the BrandId.\n *\n * Attempts to get the value from the environment variable `VITE_BRANDID_OVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-brandId`.\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getBrandId = (): string => {\n  //TODO: change to kebab case to satisfy html attribute requirements\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return import.meta.env['VITE_BRANDID_OVERRIDE'] || getMicroFrontendAttribute('data-brandId');\n};\n\n/**\n * Retrieves the isFlipdishStaff attribute.\n *\n * Attempts to get the value from the environment variable `VITE_ISFLIPDISHSTAFFOVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-isFlipdishStaff`.\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getIsFlipdishStaff = (): boolean => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const stringValue =\n    import.meta.env['VITE_ISFLIPDISHSTAFFOVERRIDE'] || getMicroFrontendAttribute('data-isFlipdishStaff');\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access\n  return stringValue?.toString() === 'true';\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const lazyWithRetry = (componentImport: () => any) =>\n  lazy(async () => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    const pageHasAlreadyBeenForceRefreshed = JSON.parse(\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      window.sessionStorage.getItem('page-has-been-force-refreshed') || 'false',\n    );\n\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      const component = await componentImport();\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      window.sessionStorage.setItem('page-has-been-force-refreshed', 'false');\n\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n      return component;\n    } catch (error) {\n      if (!pageHasAlreadyBeenForceRefreshed) {\n        // Assuming that the user is not on the latest version of the application.\n        // Let's refresh the page immediately.\n        window.sessionStorage.setItem('page-has-been-force-refreshed', 'true');\n        return window.location.reload();\n      }\n\n      // The page has already been reloaded\n      // Assuming that user is already using the latest version of the application.\n      // Let's let the application crash and raise the error.\n      throw error;\n    }\n  });\n"],"names":["getMicroFrontendAttribute","key","microFrontendDiv","document","getElementById","getAttribute","undefined","stringValue","toString","componentImport","lazy","async","pageHasAlreadyBeenForceRefreshed","JSON","parse","window","sessionStorage","getItem","component","setItem","error","location","reload"],"mappings":"oCAEO,MAAMA,EAA6BC,IACxC,MAAMC,EAAmBC,SAASC,eAAe,2BACjD,OAAOF,GAAkBG,aAAaJ,IAAQ,qBAWxB,UAEfK,GAAqC,qBAAKN,EAA0B,iCAyBnD,UAGjBM,GAAuC,uBAAKN,EAA0B,2CAW7C,KAEhC,MAAMO,QACJD,GAA8C,8BAAKN,EAA0B,wBAE/E,MAAmC,SAA5BO,GAAaC,iEAjCE,UAGfF,GAAqC,qBAAKN,EAA0B,oCAkC/CS,GAC5BC,EAAAA,MAAKC,UAEH,MAAMC,EAAmCC,KAAKC,MAE5CC,OAAOC,eAAeC,QAAQ,kCAAoC,SAGpE,IAEE,MAAMC,QAAkBT,IAKxB,OAHAM,OAAOC,eAAeG,QAAQ,gCAAiC,SAGxDD,CACT,CAAE,MAAOE,GACP,IAAKR,EAIH,OADAG,OAAOC,eAAeG,QAAQ,gCAAiC,QACxDJ,OAAOM,SAASC,SAMzB,MAAMF,CACR"}
+{"version":3,"file":"renderUtilities.cjs.js","sources":["../../src/utilities/renderUtilities.ts"],"sourcesContent":["import { lazy } from 'react';\n\nexport const getMicroFrontendAttribute = (key: string): string => {\n  const microFrontendDiv = document.getElementById('flipdish-micro-frontend');\n  return microFrontendDiv?.getAttribute(key) || '';\n};\n\n/**\n * Retrieves the AppId.\n *\n * Attempts to get the value from the environment variable `VITE_APPID_OVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-app-id`.\n * Fallbacks to `data-appid` for backwards compatibility @flipdish/portal-library@5.1.0 and below\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getAppId = (): string => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return import.meta.env['VITE_APPID_OVERRIDE'] || getMicroFrontendAttribute('data-app-id') || getMicroFrontendAttribute('data-appid');\n};\n\n/**\n * Retrieves the OrgId.\n *\n * Attempts to get the value from the environment variable `VITE_ORGID_OVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-org-id`.\n * Fallbacks to `data-orgid` for backwards compatibility @flipdish/portal-library@5.1.0 and below\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getOrgId = (): string => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return import.meta.env['VITE_ORGID_OVERRIDE'] || getMicroFrontendAttribute('data-org-id') || getMicroFrontendAttribute('data-orgid');\n};\n\n/**\n * Retrieves the BrandId.\n *\n * Attempts to get the value from the environment variable `VITE_BRANDID_OVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-brand-id`.\n * Fallbacks to `data-brandid` for backwards compatibility @flipdish/portal-library@5.1.0 and below\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getBrandId = (): string => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return import.meta.env['VITE_BRANDID_OVERRIDE'] || getMicroFrontendAttribute('data-brand-id') || getMicroFrontendAttribute('data-brandid');\n};\n\n/**\n * Retrieves the isFlipdishStaff attribute.\n *\n * Attempts to get the value from the environment variable `VITE_ISFLIPDISHSTAFFOVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-is-flipdish-staff`.\n * Fallbacks to `data-isflipdishstaff` for backwards compatibility @flipdish/portal-library@5.1.0 and below\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getIsFlipdishStaff = (): boolean => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const stringValue =\n    import.meta.env['VITE_ISFLIPDISHSTAFFOVERRIDE'] || getMicroFrontendAttribute('data-is-flipdish-staff') || getMicroFrontendAttribute('data-isflipdishstaff');\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access\n  return stringValue?.toString() === 'true';\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const lazyWithRetry = (componentImport: () => any) =>\n  lazy(async () => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    const pageHasAlreadyBeenForceRefreshed = JSON.parse(\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      window.sessionStorage.getItem('page-has-been-force-refreshed') || 'false',\n    );\n\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      const component = await componentImport();\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      window.sessionStorage.setItem('page-has-been-force-refreshed', 'false');\n\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n      return component;\n    } catch (error) {\n      if (!pageHasAlreadyBeenForceRefreshed) {\n        // Assuming that the user is not on the latest version of the application.\n        // Let's refresh the page immediately.\n        window.sessionStorage.setItem('page-has-been-force-refreshed', 'true');\n        return window.location.reload();\n      }\n\n      // The page has already been reloaded\n      // Assuming that user is already using the latest version of the application.\n      // Let's let the application crash and raise the error.\n      throw error;\n    }\n  });\n"],"names":["getMicroFrontendAttribute","key","microFrontendDiv","document","getElementById","getAttribute","undefined","stringValue","toString","componentImport","lazy","async","pageHasAlreadyBeenForceRefreshed","JSON","parse","window","sessionStorage","getItem","component","setItem","error","location","reload"],"mappings":"oCAEO,MAAMA,EAA6BC,IACxC,MAAMC,EAAmBC,SAASC,eAAe,2BACjD,OAAOF,GAAkBG,aAAaJ,IAAQ,qBAYxB,UAEfK,GAAqC,qBAAKN,EAA0B,gBAAkBA,EAA0B,iCA0B/F,UAEjBM,GAAuC,uBAAKN,EAA0B,kBAAoBA,EAA0B,2CAY3F,KAEhC,MAAMO,QACJD,GAA8C,8BAAKN,EAA0B,2BAA6BA,EAA0B,wBAEtI,MAAmC,SAA5BO,GAAaC,iEAjCE,UAEfF,GAAqC,qBAAKN,EAA0B,gBAAkBA,EAA0B,oCAmC3FS,GAC5BC,EAAAA,MAAKC,UAEH,MAAMC,EAAmCC,KAAKC,MAE5CC,OAAOC,eAAeC,QAAQ,kCAAoC,SAGpE,IAEE,MAAMC,QAAkBT,IAKxB,OAHAM,OAAOC,eAAeG,QAAQ,gCAAiC,SAGxDD,CACT,CAAE,MAAOE,GACP,IAAKR,EAIH,OADAG,OAAOC,eAAeG,QAAQ,gCAAiC,QACxDJ,OAAOM,SAASC,SAMzB,MAAMF,CACR"}

package/dist/utilities/renderUtilities.d.ts

@@ -5,7 +5,8 @@ declare const getMicroFrontendAttribute: (key: string) => string;
  * Retrieves the AppId.
  *
  * Attempts to get the value from the environment variable `VITE_APPID_OVERRIDE`.
- * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-appId`.
+ * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-app-id`.
+ * Fallbacks to `data-appid` for backwards compatibility @flipdish/portal-library@5.1.0 and below
  *
  * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.
  */
@@ -14,7 +15,8 @@ declare const getAppId: () => string;
  * Retrieves the OrgId.
  *
  * Attempts to get the value from the environment variable `VITE_ORGID_OVERRIDE`.
- * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-orgId`.
+ * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-org-id`.
+ * Fallbacks to `data-orgid` for backwards compatibility @flipdish/portal-library@5.1.0 and below
  *
  * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.
  */
@@ -23,7 +25,8 @@ declare const getOrgId: () => string;
  * Retrieves the BrandId.
  *
  * Attempts to get the value from the environment variable `VITE_BRANDID_OVERRIDE`.
- * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-brandId`.
+ * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-brand-id`.
+ * Fallbacks to `data-brandid` for backwards compatibility @flipdish/portal-library@5.1.0 and below
  *
  * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.
  */
@@ -32,7 +35,8 @@ declare const getBrandId: () => string;
  * Retrieves the isFlipdishStaff attribute.
  *
  * Attempts to get the value from the environment variable `VITE_ISFLIPDISHSTAFFOVERRIDE`.
- * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-isFlipdishStaff`.
+ * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-is-flipdish-staff`.
+ * Fallbacks to `data-isflipdishstaff` for backwards compatibility @flipdish/portal-library@5.1.0 and below
  *
  * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.
  */

package/dist/utilities/renderUtilities.js

@@ -1,2 +1,2 @@
-import{lazy as e}from"react";const t=e=>{const t=document.getElementById("flipdish-micro-frontend");return t?.getAttribute(e)||""},r=()=>import.meta.env.VITE_APPID_OVERRIDE||t("data-appId"),a=()=>import.meta.env.VITE_ORGID_OVERRIDE||t("data-orgId"),o=()=>import.meta.env.VITE_BRANDID_OVERRIDE||t("data-brandId"),n=()=>{const e=import.meta.env.VITE_ISFLIPDISHSTAFFOVERRIDE||t("data-isFlipdishStaff");return"true"===e?.toString()},s=t=>e((async()=>{const e=JSON.parse(window.sessionStorage.getItem("page-has-been-force-refreshed")||"false");try{const e=await t();return window.sessionStorage.setItem("page-has-been-force-refreshed","false"),e}catch(t){if(!e)return window.sessionStorage.setItem("page-has-been-force-refreshed","true"),window.location.reload();throw t}}));export{r as getAppId,o as getBrandId,n as getIsFlipdishStaff,t as getMicroFrontendAttribute,a as getOrgId,s as lazyWithRetry};
+import{lazy as e}from"react";const t=e=>{const t=document.getElementById("flipdish-micro-frontend");return t?.getAttribute(e)||""},a=()=>import.meta.env.VITE_APPID_OVERRIDE||t("data-app-id")||t("data-appid"),r=()=>import.meta.env.VITE_ORGID_OVERRIDE||t("data-org-id")||t("data-orgid"),o=()=>import.meta.env.VITE_BRANDID_OVERRIDE||t("data-brand-id")||t("data-brandid"),s=()=>{const e=import.meta.env.VITE_ISFLIPDISHSTAFFOVERRIDE||t("data-is-flipdish-staff")||t("data-isflipdishstaff");return"true"===e?.toString()},i=t=>e((async()=>{const e=JSON.parse(window.sessionStorage.getItem("page-has-been-force-refreshed")||"false");try{const e=await t();return window.sessionStorage.setItem("page-has-been-force-refreshed","false"),e}catch(t){if(!e)return window.sessionStorage.setItem("page-has-been-force-refreshed","true"),window.location.reload();throw t}}));export{a as getAppId,o as getBrandId,s as getIsFlipdishStaff,t as getMicroFrontendAttribute,r as getOrgId,i as lazyWithRetry};
 //# sourceMappingURL=renderUtilities.js.map

package/dist/utilities/renderUtilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderUtilities.js","sources":["../../src/utilities/renderUtilities.ts"],"sourcesContent":["import { lazy } from 'react';\n\nexport const getMicroFrontendAttribute = (key: string): string => {\n  const microFrontendDiv = document.getElementById('flipdish-micro-frontend');\n  return microFrontendDiv?.getAttribute(key) || '';\n};\n\n/**\n * Retrieves the AppId.\n *\n * Attempts to get the value from the environment variable `VITE_APPID_OVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-appId`.\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getAppId = (): string => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return import.meta.env['VITE_APPID_OVERRIDE'] || getMicroFrontendAttribute('data-appId');\n};\n\n/**\n * Retrieves the OrgId.\n *\n * Attempts to get the value from the environment variable `VITE_ORGID_OVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-orgId`.\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getOrgId = (): string => {\n  //TODO: change to kebab case to satisfy html attribute requirements\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return import.meta.env['VITE_ORGID_OVERRIDE'] || getMicroFrontendAttribute('data-orgId');\n};\n\n/**\n * Retrieves the BrandId.\n *\n * Attempts to get the value from the environment variable `VITE_BRANDID_OVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-brandId`.\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getBrandId = (): string => {\n  //TODO: change to kebab case to satisfy html attribute requirements\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return import.meta.env['VITE_BRANDID_OVERRIDE'] || getMicroFrontendAttribute('data-brandId');\n};\n\n/**\n * Retrieves the isFlipdishStaff attribute.\n *\n * Attempts to get the value from the environment variable `VITE_ISFLIPDISHSTAFFOVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-isFlipdishStaff`.\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getIsFlipdishStaff = (): boolean => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const stringValue =\n    import.meta.env['VITE_ISFLIPDISHSTAFFOVERRIDE'] || getMicroFrontendAttribute('data-isFlipdishStaff');\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access\n  return stringValue?.toString() === 'true';\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const lazyWithRetry = (componentImport: () => any) =>\n  lazy(async () => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    const pageHasAlreadyBeenForceRefreshed = JSON.parse(\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      window.sessionStorage.getItem('page-has-been-force-refreshed') || 'false',\n    );\n\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      const component = await componentImport();\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      window.sessionStorage.setItem('page-has-been-force-refreshed', 'false');\n\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n      return component;\n    } catch (error) {\n      if (!pageHasAlreadyBeenForceRefreshed) {\n        // Assuming that the user is not on the latest version of the application.\n        // Let's refresh the page immediately.\n        window.sessionStorage.setItem('page-has-been-force-refreshed', 'true');\n        return window.location.reload();\n      }\n\n      // The page has already been reloaded\n      // Assuming that user is already using the latest version of the application.\n      // Let's let the application crash and raise the error.\n      throw error;\n    }\n  });\n"],"names":["getMicroFrontendAttribute","key","microFrontendDiv","document","getElementById","getAttribute","getAppId","env","getOrgId","getBrandId","getIsFlipdishStaff","stringValue","toString","lazyWithRetry","componentImport","lazy","async","pageHasAlreadyBeenForceRefreshed","JSON","parse","window","sessionStorage","getItem","component","setItem","error","location","reload"],"mappings":"6BAEO,MAAMA,EAA6BC,IACxC,MAAMC,EAAmBC,SAASC,eAAe,2BACjD,OAAOF,GAAkBG,aAAaJ,IAAQ,IAWnCK,EAAW,gBAEHC,IAAyB,qBAAKP,EAA0B,cAWhEQ,EAAW,gBAGHD,IAAyB,qBAAKP,EAA0B,cAWhES,EAAa,gBAGLF,IAA2B,uBAAKP,EAA0B,gBAWlEU,EAAqB,KAEhC,MAAMC,cACQJ,IAAkC,8BAAKP,EAA0B,wBAE/E,MAAmC,SAA5BW,GAAaC,YAITC,EAAiBC,GAC5BC,GAAKC,UAEH,MAAMC,EAAmCC,KAAKC,MAE5CC,OAAOC,eAAeC,QAAQ,kCAAoC,SAGpE,IAEE,MAAMC,QAAkBT,IAKxB,OAHAM,OAAOC,eAAeG,QAAQ,gCAAiC,SAGxDD,CACT,CAAE,MAAOE,GACP,IAAKR,EAIH,OADAG,OAAOC,eAAeG,QAAQ,gCAAiC,QACxDJ,OAAOM,SAASC,SAMzB,MAAMF,CACR"}
+{"version":3,"file":"renderUtilities.js","sources":["../../src/utilities/renderUtilities.ts"],"sourcesContent":["import { lazy } from 'react';\n\nexport const getMicroFrontendAttribute = (key: string): string => {\n  const microFrontendDiv = document.getElementById('flipdish-micro-frontend');\n  return microFrontendDiv?.getAttribute(key) || '';\n};\n\n/**\n * Retrieves the AppId.\n *\n * Attempts to get the value from the environment variable `VITE_APPID_OVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-app-id`.\n * Fallbacks to `data-appid` for backwards compatibility @flipdish/portal-library@5.1.0 and below\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getAppId = (): string => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return import.meta.env['VITE_APPID_OVERRIDE'] || getMicroFrontendAttribute('data-app-id') || getMicroFrontendAttribute('data-appid');\n};\n\n/**\n * Retrieves the OrgId.\n *\n * Attempts to get the value from the environment variable `VITE_ORGID_OVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-org-id`.\n * Fallbacks to `data-orgid` for backwards compatibility @flipdish/portal-library@5.1.0 and below\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getOrgId = (): string => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return import.meta.env['VITE_ORGID_OVERRIDE'] || getMicroFrontendAttribute('data-org-id') || getMicroFrontendAttribute('data-orgid');\n};\n\n/**\n * Retrieves the BrandId.\n *\n * Attempts to get the value from the environment variable `VITE_BRANDID_OVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-brand-id`.\n * Fallbacks to `data-brandid` for backwards compatibility @flipdish/portal-library@5.1.0 and below\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getBrandId = (): string => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return import.meta.env['VITE_BRANDID_OVERRIDE'] || getMicroFrontendAttribute('data-brand-id') || getMicroFrontendAttribute('data-brandid');\n};\n\n/**\n * Retrieves the isFlipdishStaff attribute.\n *\n * Attempts to get the value from the environment variable `VITE_ISFLIPDISHSTAFFOVERRIDE`.\n * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-is-flipdish-staff`.\n * Fallbacks to `data-isflipdishstaff` for backwards compatibility @flipdish/portal-library@5.1.0 and below\n *\n * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.\n */\nexport const getIsFlipdishStaff = (): boolean => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const stringValue =\n    import.meta.env['VITE_ISFLIPDISHSTAFFOVERRIDE'] || getMicroFrontendAttribute('data-is-flipdish-staff') || getMicroFrontendAttribute('data-isflipdishstaff');\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access\n  return stringValue?.toString() === 'true';\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const lazyWithRetry = (componentImport: () => any) =>\n  lazy(async () => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    const pageHasAlreadyBeenForceRefreshed = JSON.parse(\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      window.sessionStorage.getItem('page-has-been-force-refreshed') || 'false',\n    );\n\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      const component = await componentImport();\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      window.sessionStorage.setItem('page-has-been-force-refreshed', 'false');\n\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n      return component;\n    } catch (error) {\n      if (!pageHasAlreadyBeenForceRefreshed) {\n        // Assuming that the user is not on the latest version of the application.\n        // Let's refresh the page immediately.\n        window.sessionStorage.setItem('page-has-been-force-refreshed', 'true');\n        return window.location.reload();\n      }\n\n      // The page has already been reloaded\n      // Assuming that user is already using the latest version of the application.\n      // Let's let the application crash and raise the error.\n      throw error;\n    }\n  });\n"],"names":["getMicroFrontendAttribute","key","microFrontendDiv","document","getElementById","getAttribute","getAppId","env","getOrgId","getBrandId","getIsFlipdishStaff","stringValue","toString","lazyWithRetry","componentImport","lazy","async","pageHasAlreadyBeenForceRefreshed","JSON","parse","window","sessionStorage","getItem","component","setItem","error","location","reload"],"mappings":"6BAEO,MAAMA,EAA6BC,IACxC,MAAMC,EAAmBC,SAASC,eAAe,2BACjD,OAAOF,GAAkBG,aAAaJ,IAAQ,IAYnCK,EAAW,gBAEHC,IAAyB,qBAAKP,EAA0B,gBAAkBA,EAA0B,cAY5GQ,EAAW,gBAEHD,IAAyB,qBAAKP,EAA0B,gBAAkBA,EAA0B,cAY5GS,EAAa,gBAELF,IAA2B,uBAAKP,EAA0B,kBAAoBA,EAA0B,gBAYhHU,EAAqB,KAEhC,MAAMC,cACQJ,IAAkC,8BAAKP,EAA0B,2BAA6BA,EAA0B,wBAEtI,MAAmC,SAA5BW,GAAaC,YAITC,EAAiBC,GAC5BC,GAAKC,UAEH,MAAMC,EAAmCC,KAAKC,MAE5CC,OAAOC,eAAeC,QAAQ,kCAAoC,SAGpE,IAEE,MAAMC,QAAkBT,IAKxB,OAHAM,OAAOC,eAAeG,QAAQ,gCAAiC,SAGxDD,CACT,CAAE,MAAOE,GACP,IAAKR,EAIH,OADAG,OAAOC,eAAeG,QAAQ,gCAAiC,QACxDJ,OAAOM,SAASC,SAMzB,MAAMF,CACR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/portal-library",
-  "version": "5.2.0",
+  "version": "5.3.0",
   "files": [
     "dist"
   ],