@ndla/ui 56.0.123-alpha.0 → 56.0.124-alpha.0

package/lib/TagSelector/TagSelector.js

@@ -1,150 +1,108 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const __ndla_primitives = require_rolldown_runtime.__toESM(require("@ndla/primitives"));
+const __ndla_icons = require_rolldown_runtime.__toESM(require("@ndla/icons"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
+const __ndla_util = require_rolldown_runtime.__toESM(require("@ndla/util"));
+const __ark_ui_react = require_rolldown_runtime.__toESM(require("@ark-ui/react"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TagSelectorTrigger = exports.TagSelectorRoot = exports.TagSelectorLabel = exports.TagSelectorItemInput = exports.TagSelectorInputBase = exports.TagSelectorInput = exports.TagSelectorControl = exports.TagSelectorClearTrigger = void 0;
-var _react = require("react");
-var _react2 = require("@ark-ui/react");
-var _icons = require("@ndla/icons");
-var _primitives = require("@ndla/primitives");
-var _util = require("@ndla/util");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2024-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const TagSelectorRoot = _ref => {
-  let {
-    allowCustomValue = true,
-    multiple = true,
-    selectionBehavior = "clear",
-    editable,
-    addOnPaste = false,
-    onValueChange,
-    children,
-    value,
-    translations,
-    ...rest
-  } = _ref;
-  const ids = {
-    root: (0, _react.useId)(),
-    input: (0, _react.useId)(),
-    control: (0, _react.useId)()
-  };
-  const controlRef = (0, _react.useRef)(undefined);
-  (0, _react.useEffect)(() => {
-    if (!controlRef.current) {
-      controlRef.current = document.getElementById(ids.control);
-    }
-  }, [ids.control]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ComboboxRoot, {
-    ids: ids,
-    asChild: true,
-    allowCustomValue: allowCustomValue,
-    multiple: multiple,
-    selectionBehavior: selectionBehavior,
-    onValueChange: onValueChange,
-    translations: translations,
-    onPointerDownOutside: event => {
-      if ((0, _util.contains)(controlRef.current, event.detail.originalEvent.target)) {
-        event.preventDefault();
-      }
-    },
-    value: value,
-    ...rest,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TagSelectorTagsInputRoot, {
-      ids: ids,
-      value: value,
-      editable: editable,
-      onValueChange: onValueChange,
-      addOnPaste: addOnPaste,
-      translations: translations,
-      children: children
-    })
-  });
+//#region src/TagSelector/TagSelector.tsx
+const TagSelectorRoot = ({ allowCustomValue = true, multiple = true, selectionBehavior = "clear", editable, addOnPaste = false, onValueChange, children, value, translations,...rest }) => {
+	const ids = {
+		root: (0, react.useId)(),
+		input: (0, react.useId)(),
+		control: (0, react.useId)()
+	};
+	const controlRef = (0, react.useRef)(void 0);
+	(0, react.useEffect)(() => {
+		if (!controlRef.current) controlRef.current = document.getElementById(ids.control);
+	}, [ids.control]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.ComboboxRoot, {
+		ids,
+		asChild: true,
+		allowCustomValue,
+		multiple,
+		selectionBehavior,
+		onValueChange,
+		translations,
+		onPointerDownOutside: (event) => {
+			if ((0, __ndla_util.contains)(controlRef.current, event.detail.originalEvent.target)) event.preventDefault();
+		},
+		value,
+		...rest,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TagSelectorTagsInputRoot, {
+			ids,
+			value,
+			editable,
+			onValueChange,
+			addOnPaste,
+			translations,
+			children
+		})
+	});
 };
-exports.TagSelectorRoot = TagSelectorRoot;
-const TagSelectorTagsInputRoot = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const comboboxApi = (0, _react2.useComboboxContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TagsInputRoot, {
-    ref: ref,
-    onInputValueChange: details => comboboxApi.setInputValue(details.inputValue),
-    ...props
-  });
+const TagSelectorTagsInputRoot = (0, react.forwardRef)((props, ref) => {
+	const comboboxApi = (0, __ark_ui_react.useComboboxContext)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.TagsInputRoot, {
+		ref,
+		onInputValueChange: (details) => comboboxApi.setInputValue(details.inputValue),
+		...props
+	});
 });
-const TagSelectorLabel = exports.TagSelectorLabel = _primitives.ComboboxLabel;
-const TagSelectorItemInput = exports.TagSelectorItemInput = _primitives.TagsInputItemInput;
-const TagSelectorTrigger = exports.TagSelectorTrigger = _primitives.ComboboxTrigger;
-const TagSelectorControl = exports.TagSelectorControl = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
-  let {
-    children,
-    ...props
-  } = _ref2;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ComboboxControl, {
-    ref: ref,
-    asChild: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TagsInputControl, {
-      ...props,
-      children: children
-    })
-  });
+const TagSelectorLabel = __ndla_primitives.ComboboxLabel;
+const TagSelectorItemInput = __ndla_primitives.TagsInputItemInput;
+const TagSelectorTrigger = __ndla_primitives.ComboboxTrigger;
+const TagSelectorControl = (0, react.forwardRef)(({ children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.ComboboxControl, {
+		ref,
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.TagsInputControl, {
+			...props,
+			children
+		})
+	});
 });
-const TagSelectorClearTrigger = exports.TagSelectorClearTrigger = _primitives.ComboboxClearTrigger;
-// If you need to modify the TagsInputItem, you can use this.
-const TagSelectorInputBase = exports.TagSelectorInputBase = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
-  let {
-    children,
-    ...props
-  } = _ref3;
-  const tagsApi = (0, _react2.useTagsInputContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ComboboxInput, {
-    ref: ref,
-    asChild: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TagsInputInput, {
-      onKeyDown: event => {
-        if (event.key === "Enter") {
-          tagsApi.addValue(tagsApi.inputValue);
-        }
-      },
-      ...props,
-      children: children
-    })
-  });
+const TagSelectorClearTrigger = __ndla_primitives.ComboboxClearTrigger;
+const TagSelectorInputBase = (0, react.forwardRef)(({ children,...props }, ref) => {
+	const tagsApi = (0, __ark_ui_react.useTagsInputContext)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.ComboboxInput, {
+		ref,
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.TagsInputInput, {
+			onKeyDown: (event) => {
+				if (event.key === "Enter") tagsApi.addValue(tagsApi.inputValue);
+			},
+			...props,
+			children
+		})
+	});
 });
-const TagSelectorInput = exports.TagSelectorInput = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) => {
-  let {
-    children,
-    ...props
-  } = _ref4;
-  const tagsApi = (0, _react2.useTagsInputContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [tagsApi.value.map((value, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.TagsInputItem, {
-      index: index,
-      value: value,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.TagsInputItemPreview, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TagsInputItemText, {
-          children: value
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TagsInputItemDeleteTrigger, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseLine, {})
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TagsInputItemInput, {})]
-    }, value)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ComboboxInput, {
-      ref: ref,
-      asChild: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TagsInputInput, {
-        onKeyDown: event => {
-          if (event.key === "Enter") {
-            tagsApi.addValue(tagsApi.inputValue);
-          }
-        },
-        ...props,
-        children: children
-      })
-    })]
-  });
-});
+const TagSelectorInput = (0, react.forwardRef)(({ children,...props }, ref) => {
+	const tagsApi = (0, __ark_ui_react.useTagsInputContext)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [tagsApi.value.map((value, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ndla_primitives.TagsInputItem, {
+		index,
+		value,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ndla_primitives.TagsInputItemPreview, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.TagsInputItemText, { children: value }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.TagsInputItemDeleteTrigger, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_icons.CloseLine, {}) })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.TagsInputItemInput, {})]
+	}, value)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.ComboboxInput, {
+		ref,
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.TagsInputInput, {
+			onKeyDown: (event) => {
+				if (event.key === "Enter") tagsApi.addValue(tagsApi.inputValue);
+			},
+			...props,
+			children
+		})
+	})] });
+});
+
+//#endregion
+exports.TagSelectorClearTrigger = TagSelectorClearTrigger;
+exports.TagSelectorControl = TagSelectorControl;
+exports.TagSelectorInput = TagSelectorInput;
+exports.TagSelectorInputBase = TagSelectorInputBase;
+exports.TagSelectorItemInput = TagSelectorItemInput;
+exports.TagSelectorLabel = TagSelectorLabel;
+exports.TagSelectorRoot = TagSelectorRoot;
+exports.TagSelectorTrigger = TagSelectorTrigger;
+//# sourceMappingURL=TagSelector.js.map

package/lib/TagSelector/TagSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagSelector.js","names":["ComboboxRoot","TagsInputRoot","ComboboxLabel","TagsInputItemInput","ComboboxTrigger","ComboboxControl","TagsInputControl","ComboboxClearTrigger","ComboboxInput","TagsInputInput","TagsInputItem","TagsInputItemPreview","TagsInputItemText","TagsInputItemDeleteTrigger","CloseLine"],"sources":["../../src/TagSelector/TagSelector.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { forwardRef, useEffect, useId, useRef } from \"react\";\nimport { type CollectionItem, useTagsInputContext, useComboboxContext } from \"@ark-ui/react\";\nimport { CloseLine } from \"@ndla/icons\";\nimport {\n  ComboboxClearTrigger,\n  ComboboxControl,\n  type ComboboxControlProps,\n  ComboboxInput,\n  type ComboboxInputProps,\n  ComboboxLabel,\n  ComboboxRoot,\n  type ComboboxRootProps,\n  ComboboxTrigger,\n  TagsInputControl,\n  type TagsInputControlProps,\n  TagsInputInput,\n  type TagsInputInputProps,\n  TagsInputItem,\n  TagsInputItemDeleteTrigger,\n  TagsInputItemPreview,\n  TagsInputItemText,\n  TagsInputRoot,\n  type TagsInputRootProps,\n  TagsInputItemInput,\n} from \"@ndla/primitives\";\nimport { contains } from \"@ndla/util\";\n\nexport type TagSelectorRootProps<T extends CollectionItem> = ComboboxRootProps<T> & TagsInputRootProps;\n\nexport const TagSelectorRoot = <T extends CollectionItem>({\n  allowCustomValue = true,\n  multiple = true,\n  selectionBehavior = \"clear\",\n  editable,\n  addOnPaste = false,\n  onValueChange,\n  children,\n  value,\n  translations,\n  ...rest\n}: TagSelectorRootProps<T>) => {\n  const ids = {\n    root: useId(),\n    input: useId(),\n    control: useId(),\n  };\n\n  const controlRef = useRef<HTMLDivElement | undefined>(undefined);\n\n  useEffect(() => {\n    if (!controlRef.current) {\n      controlRef.current = document.getElementById(ids.control) as HTMLDivElement | undefined;\n    }\n  }, [ids.control]);\n\n  return (\n    <ComboboxRoot\n      ids={ids}\n      asChild\n      allowCustomValue={allowCustomValue}\n      multiple={multiple}\n      selectionBehavior={selectionBehavior}\n      onValueChange={onValueChange}\n      translations={translations}\n      onPointerDownOutside={(event) => {\n        if (contains(controlRef.current, event.detail.originalEvent.target)) {\n          event.preventDefault();\n        }\n      }}\n      value={value}\n      {...rest}\n    >\n      <TagSelectorTagsInputRoot\n        ids={ids}\n        value={value}\n        editable={editable}\n        onValueChange={onValueChange}\n        addOnPaste={addOnPaste}\n        translations={translations}\n      >\n        {children}\n      </TagSelectorTagsInputRoot>\n    </ComboboxRoot>\n  );\n};\n\nconst TagSelectorTagsInputRoot = forwardRef<HTMLDivElement, TagsInputRootProps>((props, ref) => {\n  const comboboxApi = useComboboxContext();\n  return (\n    <TagsInputRoot\n      ref={ref}\n      onInputValueChange={(details) => comboboxApi.setInputValue(details.inputValue)}\n      {...props}\n    />\n  );\n});\n\nexport type TagSelectorControlProps = ComboboxControlProps & TagsInputControlProps;\n\nexport const TagSelectorLabel = ComboboxLabel;\n\nexport const TagSelectorItemInput = TagsInputItemInput;\n\nexport const TagSelectorTrigger = ComboboxTrigger;\n\nexport const TagSelectorControl = forwardRef<HTMLDivElement, TagSelectorControlProps>(({ children, ...props }, ref) => {\n  return (\n    <ComboboxControl ref={ref} asChild>\n      <TagsInputControl {...props}>{children}</TagsInputControl>\n    </ComboboxControl>\n  );\n});\n\nexport const TagSelectorClearTrigger = ComboboxClearTrigger;\n\nexport type TagSelectorInputProps = ComboboxInputProps & TagsInputInputProps;\n\n// If you need to modify the TagsInputItem, you can use this.\nexport const TagSelectorInputBase = forwardRef<HTMLInputElement, TagSelectorInputProps>(\n  ({ children, ...props }, ref) => {\n    const tagsApi = useTagsInputContext();\n\n    return (\n      <ComboboxInput ref={ref} asChild>\n        <TagsInputInput\n          onKeyDown={(event) => {\n            if (event.key === \"Enter\") {\n              tagsApi.addValue(tagsApi.inputValue);\n            }\n          }}\n          {...props}\n        >\n          {children}\n        </TagsInputInput>\n      </ComboboxInput>\n    );\n  },\n);\n\nexport const TagSelectorInput = forwardRef<HTMLInputElement, TagSelectorInputProps>(({ children, ...props }, ref) => {\n  const tagsApi = useTagsInputContext();\n\n  return (\n    <>\n      {tagsApi.value.map((value, index) => (\n        <TagsInputItem index={index} value={value} key={value}>\n          <TagsInputItemPreview>\n            <TagsInputItemText>{value}</TagsInputItemText>\n            <TagsInputItemDeleteTrigger>\n              <CloseLine />\n            </TagsInputItemDeleteTrigger>\n          </TagsInputItemPreview>\n          <TagsInputItemInput />\n        </TagsInputItem>\n      ))}\n      <ComboboxInput ref={ref} asChild>\n        <TagsInputInput\n          onKeyDown={(event) => {\n            if (event.key === \"Enter\") {\n              tagsApi.addValue(tagsApi.inputValue);\n            }\n          }}\n          {...props}\n        >\n          {children}\n        </TagsInputInput>\n      </ComboboxInput>\n    </>\n  );\n});\n"],"mappings":";;;;;;;;;AAqCA,MAAa,kBAAkB,CAA2B,EACxD,mBAAmB,MACnB,WAAW,MACX,oBAAoB,SACpB,UACA,aAAa,OACb,eACA,UACA,OACA,aACA,GAAG,MACqB,KAAK;CAC7B,MAAM,MAAM;EACV,MAAM,kBAAO;EACb,OAAO,kBAAO;EACd,SAAS,kBAAO;CACjB;CAED,MAAM,aAAa,yBAA6C;AAEhE,sBAAU,MAAM;AACd,OAAK,WAAW,QACd,YAAW,UAAU,SAAS,eAAe,IAAI,QAAQ;CAE5D,GAAE,CAAC,IAAI,OAAQ,EAAC;AAEjB,wBACE,2BAACA;EACM;EACL;EACkB;EACR;EACS;EACJ;EACD;EACd,sBAAsB,CAAC,UAAU;AAC/B,OAAI,0BAAS,WAAW,SAAS,MAAM,OAAO,cAAc,OAAO,CACjE,OAAM,gBAAgB;EAEzB;EACM;EACP,GAAI;4BAEJ,2BAAC;GACM;GACE;GACG;GACK;GACH;GACE;GAEb;IACwB;GACd;AAElB;AAED,MAAM,2BAA2B,sBAA+C,CAAC,OAAO,QAAQ;CAC9F,MAAM,cAAc,wCAAoB;AACxC,wBACE,2BAACC;EACM;EACL,oBAAoB,CAAC,YAAY,YAAY,cAAc,QAAQ,WAAW;EAC9E,GAAI;GACJ;AAEL,EAAC;AAIF,MAAa,mBAAmBC;AAEhC,MAAa,uBAAuBC;AAEpC,MAAa,qBAAqBC;AAElC,MAAa,qBAAqB,sBAAoD,CAAC,EAAE,SAAU,GAAG,OAAO,EAAE,QAAQ;AACrH,wBACE,2BAACC;EAAqB;EAAK;4BACzB,2BAACC;GAAiB,GAAI;GAAQ;IAA4B;GAC1C;AAErB,EAAC;AAEF,MAAa,0BAA0BC;AAKvC,MAAa,uBAAuB,sBAClC,CAAC,EAAE,SAAU,GAAG,OAAO,EAAE,QAAQ;CAC/B,MAAM,UAAU,yCAAqB;AAErC,wBACE,2BAACC;EAAmB;EAAK;4BACvB,2BAACC;GACC,WAAW,CAAC,UAAU;AACpB,QAAI,MAAM,QAAQ,QAChB,SAAQ,SAAS,QAAQ,WAAW;GAEvC;GACD,GAAI;GAEH;IACc;GACH;AAEnB,EACF;AAED,MAAa,mBAAmB,sBAAoD,CAAC,EAAE,SAAU,GAAG,OAAO,EAAE,QAAQ;CACnH,MAAM,UAAU,yCAAqB;AAErC,wBACE,qEACG,QAAQ,MAAM,IAAI,CAAC,OAAO,0BACzB,4BAACC;EAAqB;EAAc;6BAClC,4BAACC,qEACC,2BAACC,iDAAmB,QAA0B,kBAC9C,2BAACC,0EACC,2BAACC,2BAAY,GACc,IACR,kBACvB,2BAACX,yCAAqB;IAPwB,MAQhC,CAChB,kBACF,2BAACK;EAAmB;EAAK;4BACvB,2BAACC;GACC,WAAW,CAAC,UAAU;AACpB,QAAI,MAAM,QAAQ,QAChB,SAAQ,SAAS,QAAQ,WAAW;GAEvC;GACD,GAAI;GAEH;IACc;GACH,IACf;AAEN,EAAC"}

package/lib/ZendeskButton/ZendeskButton.js

@@ -1,61 +1,42 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const __ndla_primitives = require_rolldown_runtime.__toESM(require("@ndla/primitives"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+//#region src/ZendeskButton/ZendeskButton.tsx
+const ZendeskButton = (0, react.forwardRef)(({ locale, variant = "secondary", widgetKey, children,...rest }, ref) => {
+	const [loading, setLoading] = (0, react.useState)(false);
+	const handleClick = () => {
+		if (window && !window.zE) {
+			setLoading(true);
+			const script = document.createElement("script");
+			script.id = "ze-snippet";
+			script.type = "text/javascript";
+			script.async = true;
+			script.onload = () => {
+				if (window.zE) {
+					window.zE("webWidget", "setLocale", locale);
+					window.zE("webWidget:on", "close", () => {
+						setLoading(false);
+					});
+					window.zE("webWidget", "open");
+				}
+			};
+			script.src = `https://static.zdassets.com/ekr/snippet.js?key=${widgetKey}`;
+			document.body.appendChild(script);
+		} else if (window?.zE) window.zE("webWidget", "open");
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.Button, {
+		onClick: handleClick,
+		variant,
+		id: "zendeskButton",
+		disabled: loading,
+		...rest,
+		ref,
+		children
+	});
 });
-exports.ZendeskButton = void 0;
-var _react = require("react");
-var _primitives = require("@ndla/primitives");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2024-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
 
-// TODO: Let's consider abandoning `disabled` on the button here. It should instead just open/close the widget based on its current state.
-
-const ZendeskButton = exports.ZendeskButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    locale,
-    variant = "secondary",
-    widgetKey,
-    children,
-    ...rest
-  } = _ref;
-  const [loading, setLoading] = (0, _react.useState)(false);
-  const handleClick = () => {
-    if (window && !window.zE) {
-      setLoading(true);
-      // Asynchronously load zendesk scripts for better performance
-      const script = document.createElement("script");
-      script.id = "ze-snippet";
-      script.type = "text/javascript";
-      script.async = true;
-      script.onload = () => {
-        if (window.zE) {
-          window.zE("webWidget", "setLocale", locale);
-          window.zE("webWidget:on", "close", () => {
-            setLoading(false);
-          });
-          window.zE("webWidget", "open");
-        }
-      };
-      script.src = `https://static.zdassets.com/ekr/snippet.js?key=${widgetKey}`;
-      document.body.appendChild(script);
-    } else if (window?.zE) {
-      window.zE("webWidget", "open");
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Button, {
-    onClick: handleClick,
-    variant: variant,
-    id: "zendeskButton",
-    disabled: loading,
-    ...rest,
-    ref: ref,
-    children: children
-  });
-});
+//#endregion
+exports.ZendeskButton = ZendeskButton;
+//# sourceMappingURL=ZendeskButton.js.map

package/lib/ZendeskButton/ZendeskButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZendeskButton.js","names":["Button"],"sources":["../../src/ZendeskButton/ZendeskButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { forwardRef, useState } from \"react\";\nimport { Button, type ButtonProps } from \"@ndla/primitives\";\n\n// TODO: Let's consider abandoning `disabled` on the button here. It should instead just open/close the widget based on its current state.\n\nexport interface ZendeskButtonProps extends ButtonProps {\n  widgetKey: string;\n  locale: string;\n}\n\ndeclare global {\n  interface Window {\n    zE: (modifier: string, action: string, callback?: (() => void) | string) => void;\n  }\n}\n\nexport const ZendeskButton = forwardRef<HTMLButtonElement, ZendeskButtonProps>(\n  ({ locale, variant = \"secondary\", widgetKey, children, ...rest }, ref) => {\n    const [loading, setLoading] = useState(false);\n    const handleClick = () => {\n      if (window && !window.zE) {\n        setLoading(true);\n        // Asynchronously load zendesk scripts for better performance\n        const script = document.createElement(\"script\");\n        script.id = \"ze-snippet\";\n        script.type = \"text/javascript\";\n        script.async = true;\n        script.onload = () => {\n          if (window.zE) {\n            window.zE(\"webWidget\", \"setLocale\", locale);\n            window.zE(\"webWidget:on\", \"close\", () => {\n              setLoading(false);\n            });\n            window.zE(\"webWidget\", \"open\");\n          }\n        };\n        script.src = `https://static.zdassets.com/ekr/snippet.js?key=${widgetKey}`;\n        document.body.appendChild(script);\n      } else if (window?.zE) {\n        window.zE(\"webWidget\", \"open\");\n      }\n    };\n\n    return (\n      <Button onClick={handleClick} variant={variant} id=\"zendeskButton\" disabled={loading} {...rest} ref={ref}>\n        {children}\n      </Button>\n    );\n  },\n);\n"],"mappings":";;;;;;AAwBA,MAAa,gBAAgB,sBAC3B,CAAC,EAAE,QAAQ,UAAU,aAAa,WAAW,SAAU,GAAG,MAAM,EAAE,QAAQ;CACxE,MAAM,CAAC,SAAS,WAAW,GAAG,oBAAS,MAAM;CAC7C,MAAM,cAAc,MAAM;AACxB,MAAI,WAAW,OAAO,IAAI;AACxB,cAAW,KAAK;GAEhB,MAAM,SAAS,SAAS,cAAc,SAAS;AAC/C,UAAO,KAAK;AACZ,UAAO,OAAO;AACd,UAAO,QAAQ;AACf,UAAO,SAAS,MAAM;AACpB,QAAI,OAAO,IAAI;AACb,YAAO,GAAG,aAAa,aAAa,OAAO;AAC3C,YAAO,GAAG,gBAAgB,SAAS,MAAM;AACvC,iBAAW,MAAM;KAClB,EAAC;AACF,YAAO,GAAG,aAAa,OAAO;IAC/B;GACF;AACD,UAAO,OAAO,iDAAiD,UAAU;AACzE,YAAS,KAAK,YAAY,OAAO;EAClC,WAAU,QAAQ,GACjB,QAAO,GAAG,aAAa,OAAO;CAEjC;AAED,wBACE,2BAACA;EAAO,SAAS;EAAsB;EAAS,IAAG;EAAgB,UAAU;EAAS,GAAI;EAAW;EAClG;GACM;AAEZ,EACF"}

package/lib/_virtual/rolldown_runtime.js

@@ -0,0 +1,42 @@
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+Object.defineProperty(exports, '__export', {
+  enumerable: true,
+  get: function () {
+    return __export;
+  }
+});
+Object.defineProperty(exports, '__toESM', {
+  enumerable: true,
+  get: function () {
+    return __toESM;
+  }
+});

package/lib/i18n/formatNestedMessages.js

@@ -1,32 +1,18 @@
-"use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.formatNestedMessages = void 0;
-/**
- * Copyright (c) 2017-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const formatNestedMessages = function (phrases) {
-  let formattedMessages = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
-  const messages = formattedMessages;
-  Object.keys(phrases).forEach(key => {
-    const value = phrases[key];
-    if ({}.hasOwnProperty.call(phrases, key)) {
-      const keyWithPrefix = prefix ? `${prefix}.${key}` : key;
-      if (typeof value === "object") {
-        formatNestedMessages(value, formattedMessages, keyWithPrefix);
-      } else {
-        messages[keyWithPrefix] = value;
-      }
-    }
-  });
-  return messages;
+//#region src/i18n/formatNestedMessages.ts
+const formatNestedMessages = (phrases, formattedMessages = {}, prefix = "") => {
+	const messages = formattedMessages;
+	Object.keys(phrases).forEach((key) => {
+		const value = phrases[key];
+		if ({}.hasOwnProperty.call(phrases, key)) {
+			const keyWithPrefix = prefix ? `${prefix}.${key}` : key;
+			if (typeof value === "object") formatNestedMessages(value, formattedMessages, keyWithPrefix);
+			else messages[keyWithPrefix] = value;
+		}
+	});
+	return messages;
 };
-exports.formatNestedMessages = formatNestedMessages;
+
+//#endregion
+exports.formatNestedMessages = formatNestedMessages;
+//# sourceMappingURL=formatNestedMessages.js.map

package/lib/i18n/formatNestedMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatNestedMessages.js","names":["phrases: Phrases","formattedMessages: FormattedMessages","prefix: string"],"sources":["../../src/i18n/formatNestedMessages.ts"],"sourcesContent":["/**\n * Copyright (c) 2017-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\ninterface Phrases {\n  [key: string]: string | Phrases;\n}\n\ninterface FormattedMessages {\n  [key: string]: string;\n}\n\nexport const formatNestedMessages = (\n  phrases: Phrases,\n  formattedMessages: FormattedMessages = {},\n  prefix: string = \"\",\n) => {\n  const messages = formattedMessages;\n\n  Object.keys(phrases).forEach((key) => {\n    const value = phrases[key];\n    if ({}.hasOwnProperty.call(phrases, key)) {\n      const keyWithPrefix = prefix ? `${prefix}.${key}` : key;\n      if (typeof value === \"object\") {\n        formatNestedMessages(value, formattedMessages, keyWithPrefix);\n      } else {\n        messages[keyWithPrefix] = value;\n      }\n    }\n  });\n\n  return messages;\n};\n"],"mappings":";;AAgBA,MAAa,uBAAuB,CAClCA,SACAC,oBAAuC,CAAE,GACzCC,SAAiB,OACd;CACH,MAAM,WAAW;AAEjB,QAAO,KAAK,QAAQ,CAAC,QAAQ,CAAC,QAAQ;EACpC,MAAM,QAAQ,QAAQ;AACtB,MAAI,CAAE,EAAC,eAAe,KAAK,SAAS,IAAI,EAAE;GACxC,MAAM,gBAAgB,UAAU,EAAE,OAAO,GAAG,IAAI,IAAI;AACpD,cAAW,UAAU,SACnB,sBAAqB,OAAO,mBAAmB,cAAc;OAE7D,UAAS,iBAAiB;EAE7B;CACF,EAAC;AAEF,QAAO;AACR"}

package/lib/i18n/i18n.js

@@ -1,41 +1,31 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const require_messages_en = require('../locale/messages-en.js');
+const require_messages_nb = require('../locale/messages-nb.js');
+const require_messages_nn = require('../locale/messages-nn.js');
+const require_messages_se = require('../locale/messages-se.js');
+const react_i18next = require_rolldown_runtime.__toESM(require("react-i18next"));
+const i18next = require_rolldown_runtime.__toESM(require("i18next"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+//#region src/i18n/i18n.ts
+const supportedTranslationLanguages = [
+	"nb",
+	"nn",
+	"en",
+	"se"
+];
+const i18nInstance = i18next.default.use(react_i18next.initReactI18next);
+i18nInstance.init({
+	fallbackLng: "nb",
+	supportedLngs: supportedTranslationLanguages,
+	resources: {
+		en: { translation: require_messages_en.messages_en_default },
+		nn: { translation: require_messages_nn.messages_nn_default },
+		nb: { translation: require_messages_nb.messages_nb_default },
+		se: { translation: require_messages_se.messages_se_default }
+	}
 });
-exports.supportedTranslationLanguages = exports.i18nInstance = void 0;
-var _i18next = _interopRequireDefault(require("i18next"));
-var _reactI18next = require("react-i18next");
-var _messagesEn = _interopRequireDefault(require("../locale/messages-en"));
-var _messagesNb = _interopRequireDefault(require("../locale/messages-nb"));
-var _messagesNn = _interopRequireDefault(require("../locale/messages-nn"));
-var _messagesSe = _interopRequireDefault(require("../locale/messages-se"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Copyright (c) 2021-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
 
-const supportedTranslationLanguages = exports.supportedTranslationLanguages = ["nb", "nn", "en", "se"];
-const i18nInstance = exports.i18nInstance = _i18next.default.use(_reactI18next.initReactI18next);
-i18nInstance.init({
-  fallbackLng: "nb",
-  supportedLngs: supportedTranslationLanguages,
-  resources: {
-    en: {
-      translation: _messagesEn.default
-    },
-    nn: {
-      translation: _messagesNn.default
-    },
-    nb: {
-      translation: _messagesNb.default
-    },
-    se: {
-      translation: _messagesSe.default
-    }
-  }
-});
+//#endregion
+exports.i18nInstance = i18nInstance;
+exports.supportedTranslationLanguages = supportedTranslationLanguages;
+//# sourceMappingURL=i18n.js.map

package/lib/i18n/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","names":["initReactI18next","messagesEN","messagesNN","messagesNB","messagesSE"],"sources":["../../src/i18n/i18n.ts"],"sourcesContent":["/**\n * Copyright (c) 2021-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\nimport messagesEN from \"../locale/messages-en\";\nimport messagesNB from \"../locale/messages-nb\";\nimport messagesNN from \"../locale/messages-nn\";\nimport messagesSE from \"../locale/messages-se\";\n\nexport const supportedTranslationLanguages = [\"nb\", \"nn\", \"en\", \"se\"] as const;\nconst i18nInstance = i18n.use(initReactI18next);\n\ni18nInstance.init({\n  fallbackLng: \"nb\",\n  supportedLngs: supportedTranslationLanguages,\n  resources: {\n    en: {\n      translation: messagesEN,\n    },\n    nn: {\n      translation: messagesNN,\n    },\n    nb: {\n      translation: messagesNB,\n    },\n    se: {\n      translation: messagesSE,\n    },\n  },\n});\n\nexport { i18nInstance };\n"],"mappings":";;;;;;;;;AAeA,MAAa,gCAAgC;CAAC;CAAM;CAAM;CAAM;AAAK;AACrE,MAAM,eAAe,gBAAK,IAAIA,+BAAiB;AAE/C,aAAa,KAAK;CAChB,aAAa;CACb,eAAe;CACf,WAAW;EACT,IAAI,EACF,aAAaC,wCACd;EACD,IAAI,EACF,aAAaC,wCACd;EACD,IAAI,EACF,aAAaC,wCACd;EACD,IAAI,EACF,aAAaC,wCACd;CACF;AACF,EAAC"}