npm - @workos-inc/widgets - Versions diffs - 1.20.2-next.1792700156145 → 1.20.2 - Mend

@workos-inc/widgets 1.20.2-next.1792700156145 → 1.20.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (202) hide show

package/dist/cjs/widgets/api-keys/api-keys-search.cjs CHANGED Viewed

@@ -26,7 +26,7 @@ const ApiKeysSearch = react.forwardRef(function ApiKeysSearch({ className, ...pr
 			type: "FILTER_BY_SEARCH",
 			searchQuery: value
 		});
-	}, 200);
+	}, { wait: 200 });
 	const resetSearch = () => {
 		clearSearch();
 		filter.cancel();

package/dist/cjs/widgets/api-keys/api-keys-search.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"api-keys-search.cjs","names":["React","useApiKeysSearchContext","useApiKeysContext","useTranslation","useDebouncedCallback","useComposedRefs","cx","namespaceClassName","MagnifyingGlassIcon","IconButton","Cross2Icon"],"sources":["../../../../src/widgets/api-keys/api-keys-search.tsx"],"sourcesContent":["\"use client\";\n\nimport { Cross2Icon, MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport cx from \"clsx\";\nimport * as React from \"react\";\nimport { IconButton, TextField } from \"../../components/elements.js\";\nimport { useComposedRefs } from \"../../lib/compose-refs.js\";\nimport { useTranslation } from \"../../lib/i18n/use-translation.js\";\nimport { useDebouncedCallback } from \"../../lib/use-debounce.js\";\nimport { namespaceClassName } from \"../../lib/widget-dom-props.js\";\nimport { useApiKeysContext } from \"./api-keys-context.js\";\nimport { useApiKeysSearchContext } from \"./api-keys-search-provider.js\";\n\ninterface ApiKeysSearchProps extends TextField.RootProps {}\n\nconst ApiKeysSearch = React.forwardRef<HTMLInputElement, ApiKeysSearchProps>(\n function ApiKeysSearch({ className, ...props }, ref) {\n const { inputRef, clearSearch, searchValue, setSearchValue } =\n useApiKeysSearchContext();\n const { dispatch } = useApiKeysContext();\n const translate = useTranslation();\n\n const filter = useDebouncedCallback((value) => {\n dispatch({ type: \"FILTER_BY_SEARCH\", searchQuery: value });\n }, 200);\n\n const resetSearch = () => {\n clearSearch();\n filter.cancel();\n };\n\n return (\n <TextField.Root\n ref={useComposedRefs(inputRef, ref)}\n className={cx(namespaceClassName(\"api-keys-search\"), className)}\n autoComplete=\"off\"\n placeholder={translate({\n defaultMessage: \"Search by name\",\n id: \"GC8aGI\",\n description: \"Placeholder for API key search input\",\n })}\n value={searchValue}\n onChange={(event) => {\n const value = event.target.value;\n setSearchValue(value);\n filter(value);\n }}\n onKeyDown={(event) => {\n if (event.key === \"Escape\") {\n event.preventDefault();\n resetSearch();\n }\n }}\n {...props}\n >\n <TextField.Slot side=\"left\">\n <MagnifyingGlassIcon aria-hidden=\"true\" height=\"16\" width=\"16\" />\n </TextField.Slot>\n\n <TextField.Slot side=\"right\">\n {!!searchValue && (\n <IconButton\n size=\"1\"\n onClick={resetSearch}\n title={translate({\n defaultMessage: \"Clear search\",\n id: \"7enwzK\",\n description: \"Title tooltip for clear search button\",\n })}\n >\n <Cross2Icon aria-hidden=\"true\" />\n </IconButton>\n )}\n </TextField.Slot>\n </TextField.Root>\n );\n },\n);\nexport { ApiKeysSearch };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAeA,MAAM,gBAAgBA,MAAM,WAC1B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAS,KAAK;CACnD,MAAM,EAAE,UAAU,aAAa,aAAa,mBAC1CC,kDAAAA,wBAAwB;CAC1B,MAAM,EAAE,aAAaC,0CAAAA,kBAAkB;CACvC,MAAM,YAAYC,iCAAAA,eAAe;CAEjC,MAAM,SAASC,yBAAAA,~~sBAAsB~~,UAAU;~~EAC7C~~,SAAS;GAAE,MAAM;GAAoB,aAAa;EAAM,CAAC;CAC3D,~~GAAG~~,~~GAAG~~;~~CAEN~~,MAAM,oBAAoB;EACxB,YAAY;EACZ,OAAO,OAAO;CAChB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,uCAAA,MAAA;EACE,KAAKC,yBAAAA,gBAAgB,UAAU,GAAG;EAClC,YAAA,GAAWC,KAAAA,QAAAA,CAAGC,6BAAAA,mBAAmB,iBAAiB,GAAG,SAAS;EAC9D,cAAa;EACb,aAAa,UAAU;GACrB,gBAAgB;GAChB,IAAI;GACJ,aAAa;EACf,CAAC;EACD,OAAO;EACP,WAAW,UAAU;GACnB,MAAM,QAAQ,MAAM,OAAO;GAC3B,eAAe,KAAK;GACpB,OAAO,KAAK;EACd;EACA,YAAY,UAAU;GACpB,IAAI,MAAM,QAAQ,UAAU;IAC1B,MAAM,eAAe;IACrB,YAAY;GACd;EACF;EACA,GAAI;EArBN,UAAA,CAuBE,iBAAA,GAAA,kBAAA,IAAA,CAAA,uCAAA,MAAA;GAAgB,MAAK;GACnB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,qBAAD;IAAqB,eAAY;IAAO,QAAO;IAAK,OAAM;GAAM,CAAA;EAClD,CAAA,GAEhB,iBAAA,GAAA,kBAAA,IAAA,CAAA,uCAAA,MAAA;GAAgB,MAAK;GAClB,UAAA,CAAC,CAAC,eACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,wCAAAA,YAAD;IACE,MAAK;IACL,SAAS;IACT,OAAO,UAAU;KACf,gBAAgB;KAChB,IAAI;KACJ,aAAa;IACf,CAAC;IAED,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,YAAD,EAAY,eAAY,OAAQ,CAAA;GACtB,CAAA;EAEA,CAAA,CACF;;AAEpB,CACF"}
1	+ {"version":3,"file":"api-keys-search.cjs","names":["React","useApiKeysSearchContext","useApiKeysContext","useTranslation","useDebouncedCallback","useComposedRefs","cx","namespaceClassName","MagnifyingGlassIcon","IconButton","Cross2Icon"],"sources":["../../../../src/widgets/api-keys/api-keys-search.tsx"],"sourcesContent":["\"use client\";\n\nimport { Cross2Icon, MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport cx from \"clsx\";\nimport * as React from \"react\";\nimport { IconButton, TextField } from \"../../components/elements.js\";\nimport { useComposedRefs } from \"../../lib/compose-refs.js\";\nimport { useTranslation } from \"../../lib/i18n/use-translation.js\";\nimport { useDebouncedCallback } from \"../../lib/use-debounce.js\";\nimport { namespaceClassName } from \"../../lib/widget-dom-props.js\";\nimport { useApiKeysContext } from \"./api-keys-context.js\";\nimport { useApiKeysSearchContext } from \"./api-keys-search-provider.js\";\n\ninterface ApiKeysSearchProps extends TextField.RootProps {}\n\nconst ApiKeysSearch = React.forwardRef<HTMLInputElement, ApiKeysSearchProps>(\n function ApiKeysSearch({ className, ...props }, ref) {\n const { inputRef, clearSearch, searchValue, setSearchValue } =\n useApiKeysSearchContext();\n const { dispatch } = useApiKeysContext();\n const translate = useTranslation();\n\n const filter = useDebouncedCallback(\n (value) => {\n dispatch({ type: \"FILTER_BY_SEARCH\", searchQuery: value });\n },\n { wait: 200 },\n );\n\n const resetSearch = () => {\n clearSearch();\n filter.cancel();\n };\n\n return (\n <TextField.Root\n ref={useComposedRefs(inputRef, ref)}\n className={cx(namespaceClassName(\"api-keys-search\"), className)}\n autoComplete=\"off\"\n placeholder={translate({\n defaultMessage: \"Search by name\",\n id: \"GC8aGI\",\n description: \"Placeholder for API key search input\",\n })}\n value={searchValue}\n onChange={(event) => {\n const value = event.target.value;\n setSearchValue(value);\n filter(value);\n }}\n onKeyDown={(event) => {\n if (event.key === \"Escape\") {\n event.preventDefault();\n resetSearch();\n }\n }}\n {...props}\n >\n <TextField.Slot side=\"left\">\n <MagnifyingGlassIcon aria-hidden=\"true\" height=\"16\" width=\"16\" />\n </TextField.Slot>\n\n <TextField.Slot side=\"right\">\n {!!searchValue && (\n <IconButton\n size=\"1\"\n onClick={resetSearch}\n title={translate({\n defaultMessage: \"Clear search\",\n id: \"7enwzK\",\n description: \"Title tooltip for clear search button\",\n })}\n >\n <Cross2Icon aria-hidden=\"true\" />\n </IconButton>\n )}\n </TextField.Slot>\n </TextField.Root>\n );\n },\n);\nexport { ApiKeysSearch };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAeA,MAAM,gBAAgBA,MAAM,WAC1B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAS,KAAK;CACnD,MAAM,EAAE,UAAU,aAAa,aAAa,mBAC1CC,kDAAAA,wBAAwB;CAC1B,MAAM,EAAE,aAAaC,0CAAAA,kBAAkB;CACvC,MAAM,YAAYC,iCAAAA,eAAe;CAEjC,MAAM,SAASC,yBAAAA,sBACZ,UAAU;EACT,SAAS;GAAE,MAAM;GAAoB,aAAa;EAAM,CAAC;CAC3D,GACA,EAAE,MAAM,IAAI,CACd;CAEA,MAAM,oBAAoB;EACxB,YAAY;EACZ,OAAO,OAAO;CAChB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,uCAAA,MAAA;EACE,KAAKC,yBAAAA,gBAAgB,UAAU,GAAG;EAClC,YAAA,GAAWC,KAAAA,QAAAA,CAAGC,6BAAAA,mBAAmB,iBAAiB,GAAG,SAAS;EAC9D,cAAa;EACb,aAAa,UAAU;GACrB,gBAAgB;GAChB,IAAI;GACJ,aAAa;EACf,CAAC;EACD,OAAO;EACP,WAAW,UAAU;GACnB,MAAM,QAAQ,MAAM,OAAO;GAC3B,eAAe,KAAK;GACpB,OAAO,KAAK;EACd;EACA,YAAY,UAAU;GACpB,IAAI,MAAM,QAAQ,UAAU;IAC1B,MAAM,eAAe;IACrB,YAAY;GACd;EACF;EACA,GAAI;EArBN,UAAA,CAuBE,iBAAA,GAAA,kBAAA,IAAA,CAAA,uCAAA,MAAA;GAAgB,MAAK;GACnB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,qBAAD;IAAqB,eAAY;IAAO,QAAO;IAAK,OAAM;GAAM,CAAA;EAClD,CAAA,GAEhB,iBAAA,GAAA,kBAAA,IAAA,CAAA,uCAAA,MAAA;GAAgB,MAAK;GAClB,UAAA,CAAC,CAAC,eACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,wCAAAA,YAAD;IACE,MAAK;IACL,SAAS;IACT,OAAO,UAAU;KACf,gBAAgB;KAChB,IAAI;KACJ,aAAa;IACf,CAAC;IAED,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,YAAD,EAAY,eAAY,OAAQ,CAAA;GACtB,CAAA;EAEA,CAAA,CACF;;AAEpB,CACF"}

package/dist/cjs/widgets/api-keys/user-api-keys-search.cjs CHANGED Viewed

@@ -26,7 +26,7 @@ const UserApiKeysSearch = react.forwardRef(function UserApiKeysSearch({ classNam
 			type: "FILTER_BY_SEARCH",
 			searchQuery: value
 		});
-	}, 200);
+	}, { wait: 200 });
 	const resetSearch = () => {
 		clearSearch();
 		filter.cancel();

package/dist/cjs/widgets/api-keys/user-api-keys-search.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"user-api-keys-search.cjs","names":["React","useUserApiKeysSearchContext","useUserApiKeysContext","useTranslation","useDebouncedCallback","useComposedRefs","cx","namespaceClassName","MagnifyingGlassIcon","IconButton","Cross2Icon"],"sources":["../../../../src/widgets/api-keys/user-api-keys-search.tsx"],"sourcesContent":["\"use client\";\n\nimport { Cross2Icon, MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport cx from \"clsx\";\nimport * as React from \"react\";\nimport { IconButton, TextField } from \"../../components/elements.js\";\nimport { useComposedRefs } from \"../../lib/compose-refs.js\";\nimport { useTranslation } from \"../../lib/i18n/use-translation.js\";\nimport { useDebouncedCallback } from \"../../lib/use-debounce.js\";\nimport { namespaceClassName } from \"../../lib/widget-dom-props.js\";\nimport { useUserApiKeysContext } from \"./user-api-keys-context.js\";\nimport { useUserApiKeysSearchContext } from \"./user-api-keys-search-provider.js\";\n\ninterface UserApiKeysSearchProps extends TextField.RootProps {}\n\nconst UserApiKeysSearch = React.forwardRef<\n HTMLInputElement,\n UserApiKeysSearchProps\n>(function UserApiKeysSearch({ className, ...props }, ref) {\n const { inputRef, clearSearch, searchValue, setSearchValue } =\n useUserApiKeysSearchContext();\n const { dispatch } = useUserApiKeysContext();\n const translate = useTranslation();\n\n const filter = useDebouncedCallback((value) => {\n dispatch({ type: \"FILTER_BY_SEARCH\", searchQuery: value });\n }, 200);\n\n const resetSearch = () => {\n clearSearch();\n filter.cancel();\n };\n\n return (\n <TextField.Root\n ref={useComposedRefs(inputRef, ref)}\n className={cx(namespaceClassName(\"api-keys-search\"), className)}\n autoComplete=\"off\"\n placeholder={translate({\n defaultMessage: \"Search by name\",\n id: \"GC8aGI\",\n description: \"Placeholder for API key search input\",\n })}\n value={searchValue}\n onChange={(event) => {\n const value = event.target.value;\n setSearchValue(value);\n filter(value);\n }}\n onKeyDown={(event) => {\n if (event.key === \"Escape\") {\n event.preventDefault();\n resetSearch();\n }\n }}\n {...props}\n >\n <TextField.Slot side=\"left\">\n <MagnifyingGlassIcon aria-hidden=\"true\" height=\"16\" width=\"16\" />\n </TextField.Slot>\n\n <TextField.Slot side=\"right\">\n {!!searchValue && (\n <IconButton\n size=\"1\"\n onClick={resetSearch}\n title={translate({\n defaultMessage: \"Clear search\",\n id: \"7enwzK\",\n description: \"Title tooltip for clear search button\",\n })}\n >\n <Cross2Icon aria-hidden=\"true\" />\n </IconButton>\n )}\n </TextField.Slot>\n </TextField.Root>\n );\n});\nexport { UserApiKeysSearch };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAeA,MAAM,oBAAoBA,MAAM,WAG9B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,MAAM,EAAE,UAAU,aAAa,aAAa,mBAC1CC,uDAAAA,4BAA4B;CAC9B,MAAM,EAAE,aAAaC,+CAAAA,sBAAsB;CAC3C,MAAM,YAAYC,iCAAAA,eAAe;CAEjC,MAAM,SAASC,yBAAAA,~~sBAAsB~~,UAAU;~~EAC7C~~,SAAS;GAAE,MAAM;GAAoB,aAAa;EAAM,CAAC;CAC3D,~~GAAG~~,~~GAAG~~;~~CAEN~~,MAAM,oBAAoB;EACxB,YAAY;EACZ,OAAO,OAAO;CAChB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,uCAAA,MAAA;EACE,KAAKC,yBAAAA,gBAAgB,UAAU,GAAG;EAClC,YAAA,GAAWC,KAAAA,QAAAA,CAAGC,6BAAAA,mBAAmB,iBAAiB,GAAG,SAAS;EAC9D,cAAa;EACb,aAAa,UAAU;GACrB,gBAAgB;GAChB,IAAI;GACJ,aAAa;EACf,CAAC;EACD,OAAO;EACP,WAAW,UAAU;GACnB,MAAM,QAAQ,MAAM,OAAO;GAC3B,eAAe,KAAK;GACpB,OAAO,KAAK;EACd;EACA,YAAY,UAAU;GACpB,IAAI,MAAM,QAAQ,UAAU;IAC1B,MAAM,eAAe;IACrB,YAAY;GACd;EACF;EACA,GAAI;EArBN,UAAA,CAuBE,iBAAA,GAAA,kBAAA,IAAA,CAAA,uCAAA,MAAA;GAAgB,MAAK;GACnB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,qBAAD;IAAqB,eAAY;IAAO,QAAO;IAAK,OAAM;GAAM,CAAA;EAClD,CAAA,GAEhB,iBAAA,GAAA,kBAAA,IAAA,CAAA,uCAAA,MAAA;GAAgB,MAAK;GAClB,UAAA,CAAC,CAAC,eACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,wCAAAA,YAAD;IACE,MAAK;IACL,SAAS;IACT,OAAO,UAAU;KACf,gBAAgB;KAChB,IAAI;KACJ,aAAa;IACf,CAAC;IAED,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,YAAD,EAAY,eAAY,OAAQ,CAAA;GACtB,CAAA;EAEA,CAAA,CACF;;AAEpB,CAAC"}
1	+ {"version":3,"file":"user-api-keys-search.cjs","names":["React","useUserApiKeysSearchContext","useUserApiKeysContext","useTranslation","useDebouncedCallback","useComposedRefs","cx","namespaceClassName","MagnifyingGlassIcon","IconButton","Cross2Icon"],"sources":["../../../../src/widgets/api-keys/user-api-keys-search.tsx"],"sourcesContent":["\"use client\";\n\nimport { Cross2Icon, MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport cx from \"clsx\";\nimport * as React from \"react\";\nimport { IconButton, TextField } from \"../../components/elements.js\";\nimport { useComposedRefs } from \"../../lib/compose-refs.js\";\nimport { useTranslation } from \"../../lib/i18n/use-translation.js\";\nimport { useDebouncedCallback } from \"../../lib/use-debounce.js\";\nimport { namespaceClassName } from \"../../lib/widget-dom-props.js\";\nimport { useUserApiKeysContext } from \"./user-api-keys-context.js\";\nimport { useUserApiKeysSearchContext } from \"./user-api-keys-search-provider.js\";\n\ninterface UserApiKeysSearchProps extends TextField.RootProps {}\n\nconst UserApiKeysSearch = React.forwardRef<\n HTMLInputElement,\n UserApiKeysSearchProps\n>(function UserApiKeysSearch({ className, ...props }, ref) {\n const { inputRef, clearSearch, searchValue, setSearchValue } =\n useUserApiKeysSearchContext();\n const { dispatch } = useUserApiKeysContext();\n const translate = useTranslation();\n\n const filter = useDebouncedCallback(\n (value) => {\n dispatch({ type: \"FILTER_BY_SEARCH\", searchQuery: value });\n },\n { wait: 200 },\n );\n\n const resetSearch = () => {\n clearSearch();\n filter.cancel();\n };\n\n return (\n <TextField.Root\n ref={useComposedRefs(inputRef, ref)}\n className={cx(namespaceClassName(\"api-keys-search\"), className)}\n autoComplete=\"off\"\n placeholder={translate({\n defaultMessage: \"Search by name\",\n id: \"GC8aGI\",\n description: \"Placeholder for API key search input\",\n })}\n value={searchValue}\n onChange={(event) => {\n const value = event.target.value;\n setSearchValue(value);\n filter(value);\n }}\n onKeyDown={(event) => {\n if (event.key === \"Escape\") {\n event.preventDefault();\n resetSearch();\n }\n }}\n {...props}\n >\n <TextField.Slot side=\"left\">\n <MagnifyingGlassIcon aria-hidden=\"true\" height=\"16\" width=\"16\" />\n </TextField.Slot>\n\n <TextField.Slot side=\"right\">\n {!!searchValue && (\n <IconButton\n size=\"1\"\n onClick={resetSearch}\n title={translate({\n defaultMessage: \"Clear search\",\n id: \"7enwzK\",\n description: \"Title tooltip for clear search button\",\n })}\n >\n <Cross2Icon aria-hidden=\"true\" />\n </IconButton>\n )}\n </TextField.Slot>\n </TextField.Root>\n );\n});\nexport { UserApiKeysSearch };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAeA,MAAM,oBAAoBA,MAAM,WAG9B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,MAAM,EAAE,UAAU,aAAa,aAAa,mBAC1CC,uDAAAA,4BAA4B;CAC9B,MAAM,EAAE,aAAaC,+CAAAA,sBAAsB;CAC3C,MAAM,YAAYC,iCAAAA,eAAe;CAEjC,MAAM,SAASC,yBAAAA,sBACZ,UAAU;EACT,SAAS;GAAE,MAAM;GAAoB,aAAa;EAAM,CAAC;CAC3D,GACA,EAAE,MAAM,IAAI,CACd;CAEA,MAAM,oBAAoB;EACxB,YAAY;EACZ,OAAO,OAAO;CAChB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,uCAAA,MAAA;EACE,KAAKC,yBAAAA,gBAAgB,UAAU,GAAG;EAClC,YAAA,GAAWC,KAAAA,QAAAA,CAAGC,6BAAAA,mBAAmB,iBAAiB,GAAG,SAAS;EAC9D,cAAa;EACb,aAAa,UAAU;GACrB,gBAAgB;GAChB,IAAI;GACJ,aAAa;EACf,CAAC;EACD,OAAO;EACP,WAAW,UAAU;GACnB,MAAM,QAAQ,MAAM,OAAO;GAC3B,eAAe,KAAK;GACpB,OAAO,KAAK;EACd;EACA,YAAY,UAAU;GACpB,IAAI,MAAM,QAAQ,UAAU;IAC1B,MAAM,eAAe;IACrB,YAAY;GACd;EACF;EACA,GAAI;EArBN,UAAA,CAuBE,iBAAA,GAAA,kBAAA,IAAA,CAAA,uCAAA,MAAA;GAAgB,MAAK;GACnB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,qBAAD;IAAqB,eAAY;IAAO,QAAO;IAAK,OAAM;GAAM,CAAA;EAClD,CAAA,GAEhB,iBAAA,GAAA,kBAAA,IAAA,CAAA,uCAAA,MAAA;GAAgB,MAAK;GAClB,UAAA,CAAC,CAAC,eACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,wCAAAA,YAAD;IACE,MAAK;IACL,SAAS;IACT,OAAO,UAAU;KACf,gBAAgB;KAChB,IAAI;KACJ,aAAa;IACf,CAAC;IAED,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,YAAD,EAAY,eAAY,OAAQ,CAAA;GACtB,CAAA;EAEA,CAAA,CACF;;AAEpB,CAAC"}

package/dist/cjs/widgets/organization-switcher/organization-switcher.cjs CHANGED Viewed

@@ -21,7 +21,21 @@ let _radix_ui_themes_components_dropdown_menu = require("@radix-ui/themes/compon
 const OrganizationSwitcher = ({ organizations, switchToOrganization, variant, organizationLabel = "Organizations", truncateBehavior = "right", children, ...domProps }) => {
 	const currentOrganization = organizations.find((organization) => organization.isCurrent);
 	const invalidateAllWidgets = require_lib_use_widgets_invalidator.useWidgetsInvalidator();
-	if (!currentOrganization) return null;
+	const translate = require_lib_i18n_use_translation.useTranslation();
+	if (organizations.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OrganizationSwitcherError, {
+		variant,
+		...domProps,
+		message: translate({
+			id: "XimGbo",
+			defaultMessage: "No organizations found",
+			description: "Shown in the disabled organization switcher when the user belongs to no organizations"
+		})
+	});
+	const currentOrganizationName = currentOrganization?.name ?? translate({
+		id: "aZ7eyn",
+		defaultMessage: "Select an organization",
+		description: "Placeholder in the organization switcher trigger when the user has organizations but none is active"
+	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_themes_components_dropdown_menu.Root, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_themes_components_dropdown_menu.Trigger, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_elements_button.Button, {
 		variant: "secondary",
 		...mapVariantProps(variant),
@@ -37,7 +51,7 @@ const OrganizationSwitcher = ({ organizations, switchToOrganization, variant, or
 			overflow: "hidden",
 			minWidth: "0",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TruncatedOrganizationName, {
-				organizationName: currentOrganization.name,
+				organizationName: currentOrganizationName,
 				truncateBehavior
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_themes.Flex, {
 				asChild: true,
@@ -52,7 +66,7 @@ const OrganizationSwitcher = ({ organizations, switchToOrganization, variant, or
 		minWidth: "180px",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_elements_dropdown_menu.Item, {
 			onClick: () => {
-				if (organization.id !== currentOrganization.id) {
+				if (!currentOrganization || organization.id !== currentOrganization.id) {
 					const result = switchToOrganization({ organizationId: organization.id });
 					if (require_lib_utils.isPromiseLike(result)) result.then(invalidateAllWidgets);
 					else invalidateAllWidgets();
@@ -105,9 +119,9 @@ const OrganizationSwitcherLoading = ({ variant, ...props }) => {
 		})
 	});
 };
-const OrganizationSwitcherError = ({ error, variant, ...domProps }) => {
+const OrganizationSwitcherError = ({ error, variant, message, ...domProps }) => {
 	const translate = require_lib_i18n_use_translation.useTranslation();
-	const { heading } = require_components_generic_error.getErrorMessage(error, translate);
+	const heading = message || require_components_generic_error.getErrorMessage(error, translate).heading;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_elements_button.Button, {
 		variant: "secondary",
 		disabled: true,

package/dist/cjs/widgets/organization-switcher/organization-switcher.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"organization-switcher.cjs","names":["useWidgetsInvalidator","Button","cx","Flex","Text","isPromiseLike","VisuallyHidden","Translation","CheckIcon","Box","Skeleton","ChevronDownIcon","useTranslation","getErrorMessage","getWidgetDomProps"],"sources":["../../../../src/widgets/organization-switcher/organization-switcher.tsx"],"sourcesContent":["\"use client\";\n\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport {\n Box,\n ChevronDownIcon,\n Flex,\n Text,\n VisuallyHidden,\n} from \"@radix-ui/themes\";\nimport cx from \"clsx\";\nimport type { ListUserOrganizationsQuery } from \"../../api/client-graphql/generated.js\";\nimport { Button, DropdownMenu, Skeleton } from \"../../components/elements.js\";\nimport type { ButtonProps } from \"../../components/elements.js\";\nimport { getErrorMessage } from \"../../components/generic-error.js\";\nimport { Translation } from \"../../lib/i18n/translation.js\";\nimport { useTranslation } from \"../../lib/i18n/use-translation.js\";\nimport { useWidgetsInvalidator } from \"../../lib/use-widgets-invalidator.js\";\nimport { isPromiseLike } from \"../../lib/utils.js\";\nimport { getWidgetDomProps } from \"../../lib/widget-dom-props.js\";\nimport type {\n WidgetRootDomProps,\n WidgetRootState,\n} from \"../../lib/widget-types.js\";\n\ntype OrganizationSwitcherVariant = \"ghost\" \| \"outline\";\n\n// Rename all uses of `org` to `organization`\ninterface OrganizationSwitcherPassthroughProps extends WidgetRootDomProps {\n switchToOrganization: ({\n organizationId,\n }: {\n organizationId: string;\n }) => void \| Promise<void>;\n // Simple props to affect the overall style\n variant?: OrganizationSwitcherVariant;\n organizationLabel?: string \| null;\n children?: React.ReactNode;\n /*\n Choose where to truncate organization name in the trigger and dropdown\n * items.\n \n - `right`: Truncate the right side of the organization name\n * - `middle`: Truncate the middle of the organization name, trying to keep\n * words whole\n /\n truncateBehavior?: \"right\" \| \"middle\";\n}\n\ntype UserOrganization = ListUserOrganizationsQuery[\"organizations\"][number];\n\ninterface OrganizationSwitcherProps extends OrganizationSwitcherPassthroughProps {\n organizations: UserOrganization[];\n}\n\nconst OrganizationSwitcher: React.FC<OrganizationSwitcherProps> = ({\n organizations,\n switchToOrganization,\n variant,\n organizationLabel = \"Organizations\",\n truncateBehavior = \"right\",\n children,\n ...domProps\n}) => {\n const currentOrganization = organizations.find(\n (organization) => organization.isCurrent,\n );\n const invalidateAllWidgets = useWidgetsInvalidator();\n\n // TODO: Possible if the user has no organizations - we should figure out what\n // to do in this case\n if (!currentOrganization) {\n return null;\n }\n\n return (\n <DropdownMenu.Root>\n <DropdownMenu.Trigger>\n <Button\n variant=\"secondary\"\n {...mapVariantProps(variant)}\n {...getWidgetRootDomProps(\"resolved\", {\n ...domProps,\n // TODO(v2): Remove `OrganizationSwitcherTrigger` in the next major\n // version. This should follow conventions of all other widgets\n // using classnames in getWidgetRootDomProps.\n className: cx(domProps.className, \"OrganizationSwitcherTrigger\"),\n })}\n >\n <Flex\n align=\"center\"\n justify=\"between\"\n gap=\"2\"\n flexGrow=\"1\"\n overflow=\"hidden\"\n minWidth=\"0\"\n >\n <TruncatedOrganizationName\n organizationName={currentOrganization.name}\n truncateBehavior={truncateBehavior}\n />\n <Flex asChild flexShrink=\"0\">\n <DropdownMenu.TriggerIcon />\n </Flex>\n </Flex>\n </Button>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content>\n <DropdownMenu.Group>\n {organizationLabel ? (\n <DropdownMenu.Label>\n <Text>{organizationLabel}</Text>\n </DropdownMenu.Label>\n ) : null}\n {organizations.map((organization) => (\n <Flex\n key={organization.id}\n asChild\n pr=\"2\"\n maxWidth=\"280px\"\n minWidth=\"180px\"\n >\n <DropdownMenu.Item\n onClick={() => {\n if (organization.id !== currentOrganization.id) {\n const result = switchToOrganization({\n organizationId: organization.id,\n });\n if (isPromiseLike(result)) {\n result.then(invalidateAllWidgets);\n } else {\n invalidateAllWidgets();\n }\n }\n }}\n >\n <Flex\n justify=\"between\"\n align=\"center\"\n gap=\"4\"\n flexGrow=\"1\"\n overflow=\"hidden\"\n >\n <TruncatedOrganizationName\n organizationName={organization.name}\n truncateBehavior={truncateBehavior}\n />\n {organization.isCurrent && (\n <VisuallyHidden>\n <Translation\n defaultMessage=\"(current)\"\n id=\"daFXTP\"\n description=\"Label for screen readers indicating current organization\"\n />\n </VisuallyHidden>\n )}\n <Flex\n aria-hidden\n align=\"center\"\n justify=\"center\"\n flexShrink=\"0\"\n >\n {organization.isCurrent ? (\n <CheckIcon width=\"18px\" height=\"18px\" />\n ) : (\n // make the extra space for\n <Box width=\"18px\" height=\"18px\" />\n )}\n </Flex>\n </Flex>\n </DropdownMenu.Item>\n </Flex>\n ))}\n </DropdownMenu.Group>\n {children}\n </DropdownMenu.Content>\n </DropdownMenu.Root>\n );\n};\n\ninterface OrganizationSwitcherLoadingProps extends WidgetRootDomProps {\n variant?: OrganizationSwitcherVariant;\n}\n\nconst OrganizationSwitcherLoading: React.FC<\n OrganizationSwitcherLoadingProps\n> = ({ variant, ...props }: OrganizationSwitcherLoadingProps) => {\n return (\n // Always need DropdownMenu.Root to wrap children than may include\n <Button\n variant=\"secondary\"\n disabled\n {...mapVariantProps(variant)}\n {...getWidgetRootDomProps(\"loading\", props)}\n >\n <Flex align=\"center\" gap=\"2\">\n <Skeleton>\n {/ eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n <Text>Loading...</Text>\n </Skeleton>\n <ChevronDownIcon />\n </Flex>\n </Button>\n );\n};\n\ninterface OrganizationSwitcherErrorProps extends WidgetRootDomProps {\n error: unknown;\n variant?: OrganizationSwitcherVariant;\n}\n\nconst OrganizationSwitcherError: React.FC<OrganizationSwitcherErrorProps> = ({\n error,\n variant,\n ...domProps\n}) => {\n const translate = useTranslation();\n const { heading } = getErrorMessage(error, translate);\n\n return (\n <Button\n variant=\"secondary\"\n disabled\n {...mapVariantProps(variant)}\n {...getWidgetRootDomProps(\"error\", domProps)}\n >\n <Flex align=\"center\" gap=\"2\">\n <Text>{heading}</Text>\n <ChevronDownIcon />\n </Flex>\n </Button>\n );\n};\n\nconst MAX_TRUNCATED_SUFFIX_LENGTH = 10;\nconst MIN_TRUNCATED_SUFFIX_LENGTH = 3;\n\nconst WHITE_SPACE_REGEX = /\\s/;\n\nconst getSplitPosition = (organizationName: string) => {\n if (organizationName.length <= MAX_TRUNCATED_SUFFIX_LENGTH) {\n return organizationName.length;\n }\n\n for (\n let i = organizationName.length - MAX_TRUNCATED_SUFFIX_LENGTH;\n i < organizationName.length - MIN_TRUNCATED_SUFFIX_LENGTH;\n i++\n ) {\n if (WHITE_SPACE_REGEX.test(organizationName[i - 1])) {\n return i;\n }\n }\n\n return organizationName.length - MAX_TRUNCATED_SUFFIX_LENGTH;\n};\n\nconst splitOrganizationName = (organizationName: string) => {\n const splitPosition = getSplitPosition(organizationName);\n return [\n organizationName.slice(0, splitPosition),\n organizationName.slice(splitPosition),\n ];\n};\n\ninterface TruncatedOrganizationNameProps {\n organizationName: string;\n truncateBehavior: \"right\" \| \"middle\";\n}\n\nconst TruncatedOrganizationName: React.FC<TruncatedOrganizationNameProps> = ({\n organizationName,\n truncateBehavior,\n}) => {\n if (truncateBehavior === \"right\") {\n return <Text truncate>{organizationName}</Text>;\n }\n\n const [organizationNameLeft, organizationNameRight] =\n splitOrganizationName(organizationName);\n\n return (\n <Flex overflow=\"hidden\">\n <VisuallyHidden>\n <Text>{organizationName}</Text>\n </VisuallyHidden>\n <Text aria-hidden truncate style={{ whiteSpace: \"pre\" }}>\n {organizationNameLeft}\n </Text>\n <Text aria-hidden>{organizationNameRight}</Text>\n </Flex>\n );\n};\n\nfunction mapVariantProps(variant?: OrganizationSwitcherVariant): ButtonProps {\n const variantProps: ButtonProps = {};\n // Passing `undefined` to the variant prop will result in overrides to props we\n // set internally. This should be addressed in Radix Themes, but we can\n // explicitly set it only when it's provided and _not_ undefined.\n if (variant) {\n variantProps.unsafe_radixVariant = variant;\n }\n return variantProps;\n}\n\nfunction getWidgetRootDomProps(\n state: WidgetRootState,\n domProps: WidgetRootDomProps,\n) {\n return getWidgetDomProps({\n ...domProps,\n isWidgetRoot: true,\n widgetId: \"organization-switcher\",\n widgetState: state,\n });\n}\nexport type {\n OrganizationSwitcherLoadingProps,\n OrganizationSwitcherErrorProps,\n OrganizationSwitcherPassthroughProps,\n UserOrganization,\n};\nexport {\n OrganizationSwitcher,\n OrganizationSwitcherLoading,\n OrganizationSwitcherError,\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"organization-switcher.cjs","names":["useWidgetsInvalidator","useTranslation","Button","cx","Flex","Text","isPromiseLike","VisuallyHidden","Translation","CheckIcon","Box","Skeleton","ChevronDownIcon","getErrorMessage","getWidgetDomProps"],"sources":["../../../../src/widgets/organization-switcher/organization-switcher.tsx"],"sourcesContent":["\"use client\";\n\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport {\n Box,\n ChevronDownIcon,\n Flex,\n Text,\n VisuallyHidden,\n} from \"@radix-ui/themes\";\nimport cx from \"clsx\";\nimport type { ListUserOrganizationsQuery } from \"../../api/client-graphql/generated.js\";\nimport { Button, DropdownMenu, Skeleton } from \"../../components/elements.js\";\nimport type { ButtonProps } from \"../../components/elements.js\";\nimport { getErrorMessage } from \"../../components/generic-error.js\";\nimport { Translation } from \"../../lib/i18n/translation.js\";\nimport { useTranslation } from \"../../lib/i18n/use-translation.js\";\nimport { useWidgetsInvalidator } from \"../../lib/use-widgets-invalidator.js\";\nimport { isPromiseLike } from \"../../lib/utils.js\";\nimport { getWidgetDomProps } from \"../../lib/widget-dom-props.js\";\nimport type {\n WidgetRootDomProps,\n WidgetRootState,\n} from \"../../lib/widget-types.js\";\n\ntype OrganizationSwitcherVariant = \"ghost\" \| \"outline\";\n\n// Rename all uses of `org` to `organization`\ninterface OrganizationSwitcherPassthroughProps extends WidgetRootDomProps {\n switchToOrganization: ({\n organizationId,\n }: {\n organizationId: string;\n }) => void \| Promise<void>;\n // Simple props to affect the overall style\n variant?: OrganizationSwitcherVariant;\n organizationLabel?: string \| null;\n children?: React.ReactNode;\n /*\n Choose where to truncate organization name in the trigger and dropdown\n * items.\n \n - `right`: Truncate the right side of the organization name\n * - `middle`: Truncate the middle of the organization name, trying to keep\n * words whole\n /\n truncateBehavior?: \"right\" \| \"middle\";\n}\n\ntype UserOrganization = ListUserOrganizationsQuery[\"organizations\"][number];\n\ninterface OrganizationSwitcherProps extends OrganizationSwitcherPassthroughProps {\n organizations: UserOrganization[];\n}\n\nconst OrganizationSwitcher: React.FC<OrganizationSwitcherProps> = ({\n organizations,\n switchToOrganization,\n variant,\n organizationLabel = \"Organizations\",\n truncateBehavior = \"right\",\n children,\n ...domProps\n}) => {\n const currentOrganization = organizations.find(\n (organization) => organization.isCurrent,\n );\n const invalidateAllWidgets = useWidgetsInvalidator();\n const translate = useTranslation();\n\n if (organizations.length === 0) {\n return (\n <OrganizationSwitcherError\n variant={variant}\n {...domProps}\n message={translate({\n id: \"XimGbo\",\n defaultMessage: \"No organizations found\",\n description:\n \"Shown in the disabled organization switcher when the user belongs to no organizations\",\n })}\n />\n );\n }\n\n const currentOrganizationName =\n currentOrganization?.name ??\n translate({\n id: \"aZ7eyn\",\n defaultMessage: \"Select an organization\",\n description:\n \"Placeholder in the organization switcher trigger when the user has organizations but none is active\",\n });\n\n return (\n <DropdownMenu.Root>\n <DropdownMenu.Trigger>\n <Button\n variant=\"secondary\"\n {...mapVariantProps(variant)}\n {...getWidgetRootDomProps(\"resolved\", {\n ...domProps,\n // TODO(v2): Remove `OrganizationSwitcherTrigger` in the next major\n // version. This should follow conventions of all other widgets\n // using classnames in getWidgetRootDomProps.\n className: cx(domProps.className, \"OrganizationSwitcherTrigger\"),\n })}\n >\n <Flex\n align=\"center\"\n justify=\"between\"\n gap=\"2\"\n flexGrow=\"1\"\n overflow=\"hidden\"\n minWidth=\"0\"\n >\n <TruncatedOrganizationName\n organizationName={currentOrganizationName}\n truncateBehavior={truncateBehavior}\n />\n <Flex asChild flexShrink=\"0\">\n <DropdownMenu.TriggerIcon />\n </Flex>\n </Flex>\n </Button>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content>\n <DropdownMenu.Group>\n {organizationLabel ? (\n <DropdownMenu.Label>\n <Text>{organizationLabel}</Text>\n </DropdownMenu.Label>\n ) : null}\n {organizations.map((organization) => (\n <Flex\n key={organization.id}\n asChild\n pr=\"2\"\n maxWidth=\"280px\"\n minWidth=\"180px\"\n >\n <DropdownMenu.Item\n onClick={() => {\n if (\n !currentOrganization \|\|\n organization.id !== currentOrganization.id\n ) {\n const result = switchToOrganization({\n organizationId: organization.id,\n });\n if (isPromiseLike(result)) {\n result.then(invalidateAllWidgets);\n } else {\n invalidateAllWidgets();\n }\n }\n }}\n >\n <Flex\n justify=\"between\"\n align=\"center\"\n gap=\"4\"\n flexGrow=\"1\"\n overflow=\"hidden\"\n >\n <TruncatedOrganizationName\n organizationName={organization.name}\n truncateBehavior={truncateBehavior}\n />\n {organization.isCurrent && (\n <VisuallyHidden>\n <Translation\n defaultMessage=\"(current)\"\n id=\"daFXTP\"\n description=\"Label for screen readers indicating current organization\"\n />\n </VisuallyHidden>\n )}\n <Flex\n aria-hidden\n align=\"center\"\n justify=\"center\"\n flexShrink=\"0\"\n >\n {organization.isCurrent ? (\n <CheckIcon width=\"18px\" height=\"18px\" />\n ) : (\n // make the extra space for\n <Box width=\"18px\" height=\"18px\" />\n )}\n </Flex>\n </Flex>\n </DropdownMenu.Item>\n </Flex>\n ))}\n </DropdownMenu.Group>\n {children}\n </DropdownMenu.Content>\n </DropdownMenu.Root>\n );\n};\n\ninterface OrganizationSwitcherLoadingProps extends WidgetRootDomProps {\n variant?: OrganizationSwitcherVariant;\n}\n\nconst OrganizationSwitcherLoading: React.FC<\n OrganizationSwitcherLoadingProps\n> = ({ variant, ...props }: OrganizationSwitcherLoadingProps) => {\n return (\n // Always need DropdownMenu.Root to wrap children than may include\n <Button\n variant=\"secondary\"\n disabled\n {...mapVariantProps(variant)}\n {...getWidgetRootDomProps(\"loading\", props)}\n >\n <Flex align=\"center\" gap=\"2\">\n <Skeleton>\n {/ eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n <Text>Loading...</Text>\n </Skeleton>\n <ChevronDownIcon />\n </Flex>\n </Button>\n );\n};\n\ninterface OrganizationSwitcherErrorProps extends WidgetRootDomProps {\n error?: unknown;\n message?: string;\n variant?: OrganizationSwitcherVariant;\n}\n\nconst OrganizationSwitcherError: React.FC<OrganizationSwitcherErrorProps> = ({\n error,\n variant,\n message,\n ...domProps\n}) => {\n const translate = useTranslation();\n const heading = message \|\| getErrorMessage(error, translate).heading;\n\n return (\n <Button\n variant=\"secondary\"\n disabled\n {...mapVariantProps(variant)}\n {...getWidgetRootDomProps(\"error\", domProps)}\n >\n <Flex align=\"center\" gap=\"2\">\n <Text>{heading}</Text>\n <ChevronDownIcon />\n </Flex>\n </Button>\n );\n};\n\nconst MAX_TRUNCATED_SUFFIX_LENGTH = 10;\nconst MIN_TRUNCATED_SUFFIX_LENGTH = 3;\n\nconst WHITE_SPACE_REGEX = /\\s/;\n\nconst getSplitPosition = (organizationName: string) => {\n if (organizationName.length <= MAX_TRUNCATED_SUFFIX_LENGTH) {\n return organizationName.length;\n }\n\n for (\n let i = organizationName.length - MAX_TRUNCATED_SUFFIX_LENGTH;\n i < organizationName.length - MIN_TRUNCATED_SUFFIX_LENGTH;\n i++\n ) {\n if (WHITE_SPACE_REGEX.test(organizationName[i - 1])) {\n return i;\n }\n }\n\n return organizationName.length - MAX_TRUNCATED_SUFFIX_LENGTH;\n};\n\nconst splitOrganizationName = (organizationName: string) => {\n const splitPosition = getSplitPosition(organizationName);\n return [\n organizationName.slice(0, splitPosition),\n organizationName.slice(splitPosition),\n ];\n};\n\ninterface TruncatedOrganizationNameProps {\n organizationName: string;\n truncateBehavior: \"right\" \| \"middle\";\n}\n\nconst TruncatedOrganizationName: React.FC<TruncatedOrganizationNameProps> = ({\n organizationName,\n truncateBehavior,\n}) => {\n if (truncateBehavior === \"right\") {\n return <Text truncate>{organizationName}</Text>;\n }\n\n const [organizationNameLeft, organizationNameRight] =\n splitOrganizationName(organizationName);\n\n return (\n <Flex overflow=\"hidden\">\n <VisuallyHidden>\n <Text>{organizationName}</Text>\n </VisuallyHidden>\n <Text aria-hidden truncate style={{ whiteSpace: \"pre\" }}>\n {organizationNameLeft}\n </Text>\n <Text aria-hidden>{organizationNameRight}</Text>\n </Flex>\n );\n};\n\nfunction mapVariantProps(variant?: OrganizationSwitcherVariant): ButtonProps {\n const variantProps: ButtonProps = {};\n // Passing `undefined` to the variant prop will result in overrides to props we\n // set internally. This should be addressed in Radix Themes, but we can\n // explicitly set it only when it's provided and _not_ undefined.\n if (variant) {\n variantProps.unsafe_radixVariant = variant;\n }\n return variantProps;\n}\n\nfunction getWidgetRootDomProps(\n state: WidgetRootState,\n domProps: WidgetRootDomProps,\n) {\n return getWidgetDomProps({\n ...domProps,\n isWidgetRoot: true,\n widgetId: \"organization-switcher\",\n widgetState: state,\n });\n}\nexport type {\n OrganizationSwitcherLoadingProps,\n OrganizationSwitcherErrorProps,\n OrganizationSwitcherPassthroughProps,\n UserOrganization,\n};\nexport {\n OrganizationSwitcher,\n OrganizationSwitcherLoading,\n OrganizationSwitcherError,\n};\n"],"mappings":"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"}

package/dist/cjs/widgets/organization-switcher/organization-switcher.d.cts CHANGED Viewed

@@ -29,7 +29,8 @@ interface OrganizationSwitcherLoadingProps extends WidgetRootDomProps {
 }
 declare const OrganizationSwitcherLoading: React.FC<OrganizationSwitcherLoadingProps>;
 interface OrganizationSwitcherErrorProps extends WidgetRootDomProps {
-  error: unknown;
+  error?: unknown;
+  message?: string;
   variant?: OrganizationSwitcherVariant;
 }
 declare const OrganizationSwitcherError: React.FC<OrganizationSwitcherErrorProps>;

package/dist/cjs/widgets/organization-switcher/organization-switcher.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"organization-switcher.d.cts","names":[],"sources":["../../../../src/widgets/organization-switcher/organization-switcher.tsx"],"mappings":";;;KAyBK;UAGK,6CAA6C;EACrD,yBACE;IAEA;eACW;EAEb,UAAU;EACV;EACA,WAAW,MAAM;;;;;;;;;EASjB;;KAGG,mBAAmB;UAEd,kCAAkC;EAC1C,eAAe;;cAGX,sBAAsB,MAAM,GAAG;~~UA6H3B~~,yCAAyC;EACjD,UAAU;;cAGN,6BAA6B,MAAM,GACvC;UAqBQ,uCAAuC;EAC/C;EACA,UAAU;;cAGN,2BAA2B,MAAM,GAAG"}
1	+ {"version":3,"file":"organization-switcher.d.cts","names":[],"sources":["../../../../src/widgets/organization-switcher/organization-switcher.tsx"],"mappings":";;;KAyBK;UAGK,6CAA6C;EACrD,yBACE;IAEA;eACW;EAEb,UAAU;EACV;EACA,WAAW,MAAM;;;;;;;;;EASjB;;KAGG,mBAAmB;UAEd,kCAAkC;EAC1C,eAAe;;cAGX,sBAAsB,MAAM,GAAG;UAmJ3B,yCAAyC;EACjD,UAAU;;cAGN,6BAA6B,MAAM,GACvC;UAqBQ,uCAAuC;EAC/C;EACA;EACA,UAAU;;cAGN,2BAA2B,MAAM,GAAG"}

package/dist/cjs/widgets/pipes/pipes.cjs CHANGED Viewed

@@ -1,6 +1,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_lib_widget_dom_props = require("../../lib/widget-dom-props.cjs");
+const require_api_client_graphql_query_keys = require("../../api/client-graphql/query-keys.cjs");
 const require_api_errors = require("../../api/errors.cjs");
 const require_api_client_graphql_client = require("../../api/client-graphql/client.cjs");
 const require_api_client_graphql_hooks = require("../../api/client-graphql/hooks.cjs");
@@ -119,7 +120,7 @@ const useAuthorizeConnection = (owner) => {
 };
 function useAuthKitOrigin() {
 	return require_api_client_graphql_hooks.useClientGraphqlQuery({
-		queryKey: require_api_client_graphql_hooks.clientGraphqlQueryKey("AuthKitSettings"),
+		queryKey: require_api_client_graphql_query_keys.clientGraphqlQueryKey("AuthKitSettings"),
 		queryFn: (sdk) => sdk.AuthKitSettings()
 	}).data?.authkitSettings.origin ?? "";
 }
@@ -448,7 +449,7 @@ const LogoSeparator = () => {
 */
 const ConnectDialogHeader = ({ integration }) => {
 	const branding = require_api_client_graphql_hooks.useClientGraphqlQuery({
-		queryKey: require_api_client_graphql_hooks.clientGraphqlQueryKey("Branding"),
+		queryKey: require_api_client_graphql_query_keys.clientGraphqlQueryKey("Branding"),
 		queryFn: (sdk) => sdk.Branding()
 	});
 	const logo = branding.data?.branding.logoDarkPath ?? branding.data?.branding.logoLightPath;