@simplybusiness/mobius 4.11.5 → 4.11.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 4.11.6
+
+### Patch Changes
+
+- d22f26a: Load `<Trust>` client-side only
+
 ## 4.11.5
 
 ### Patch Changes

package/dist/cjs/components/Trust/Trust.js

@@ -21,12 +21,10 @@ function _interop_require_default(obj) {
 }
 const Trust = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
     const { elementType: Element = "div", variant, theme, ...otherProps } = props;
-    // Ensure that server-side and client-side render output is
-    // the same by tracking the Trustpilot widget load status
-    const [trustpilotLoaded, setTrustpilotLoaded] = (0, _react.useState)(false);
+    const [isMounted, setIsMounted] = (0, _react.useState)(false);
     const trustRef = (0, _react.useRef)(null);
     const { link, ...defaultProps } = (0, _getDefaultProps.getDefaultProps)(props);
-    const { className: variantClassName } = _constants.TRUSTPILOT_WIDGET[variant];
+    const { className: variantClassName, styles } = _constants.TRUSTPILOT_WIDGET[variant];
     const themeClassName = theme.charAt(0).toUpperCase() + theme.slice(1);
     const classes = (0, _dedupe.default)("mobius", "mobius/Trust", _constants.REQUIRED_TRUSTPILOT_CLASS_NAME, {
         [`mobius/TrustTheme${themeClassName}`]: theme,
@@ -34,13 +32,21 @@ const Trust = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
     }, otherProps.className);
     (0, _react.useEffect)(()=>{
         var _window, _window1;
+        const hasTrustpilotLoaded = trustRef.current && ((_window = window) === null || _window === void 0 ? void 0 : _window.Trustpilot) && ((_window1 = window) === null || _window1 === void 0 ? void 0 : _window1.Trustpilot.loadFromElement);
         // If window.Trustpilot is available it means that we need to load the TrustBox from our ref.
-        if (trustRef.current && ((_window = window) === null || _window === void 0 ? void 0 : _window.Trustpilot) && ((_window1 = window) === null || _window1 === void 0 ? void 0 : _window1.Trustpilot.loadFromElement)) {
-            var _window_Trustpilot, _window2;
-            setTrustpilotLoaded(true);
-            (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window_Trustpilot = _window2.Trustpilot) === null || _window_Trustpilot === void 0 ? void 0 : _window_Trustpilot.loadFromElement(trustRef.current, true);
+        if (isMounted && hasTrustpilotLoaded) {
+            window.Trustpilot.loadFromElement(trustRef.current, true);
         }
+    }, [
+        isMounted
+    ]);
+    (0, _react.useEffect)(()=>{
+        setIsMounted(true);
     }, []);
+    // Load `<Trust>` client-side only to avoid SSR hydration issues
+    if (!isMounted) return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        style: styles
+    });
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {
         ref: (0, _utils.mergeRefs)([
             trustRef,
@@ -49,7 +55,8 @@ const Trust = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
         ...defaultProps,
         ...otherProps,
         className: classes,
-        children: !trustpilotLoaded && /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
+        style: styles,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
             href: link,
             target: "_blank",
             rel: "noopener noreferrer",

package/dist/cjs/components/Trust/Trust.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Trust/Trust.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { mergeRefs } from \"../../utils\";\nimport { REQUIRED_TRUSTPILOT_CLASS_NAME, TRUSTPILOT_WIDGET } from \"./constants\";\nimport { getDefaultProps } from \"./getDefaultProps\";\nimport { TrustElementType, TrustProps, TrustRef } from \"./types\";\n\nexport const Trust: ForwardedRefComponent<TrustProps, TrustElementType> =\n  forwardRef((props: TrustProps, ref: TrustRef) => {\n    const {\n      elementType: Element = \"div\",\n      variant,\n      theme,\n      ...otherProps\n    } = props;\n    // Ensure that server-side and client-side render output is\n    // the same by tracking the Trustpilot widget load status\n    const [trustpilotLoaded, setTrustpilotLoaded] = useState(false);\n    const trustRef = useRef(null);\n\n    const { link, ...defaultProps } = getDefaultProps(props);\n    const { className: variantClassName } = TRUSTPILOT_WIDGET[variant];\n    const themeClassName = theme.charAt(0).toUpperCase() + theme.slice(1);\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Trust\",\n      REQUIRED_TRUSTPILOT_CLASS_NAME,\n      {\n        [`mobius/TrustTheme${themeClassName}`]: theme,\n        [`mobius/TrustVariant${variantClassName}`]: variant,\n      },\n      otherProps.className,\n    );\n\n    useEffect(() => {\n      // If window.Trustpilot is available it means that we need to load the TrustBox from our ref.\n      if (\n        trustRef.current &&\n        window?.Trustpilot &&\n        window?.Trustpilot.loadFromElement\n      ) {\n        setTrustpilotLoaded(true);\n        window?.Trustpilot?.loadFromElement(trustRef.current, true);\n      }\n    }, []);\n\n    return (\n      <Element\n        ref={mergeRefs([trustRef, ref])}\n        {...defaultProps}\n        {...otherProps}\n        className={classes}\n      >\n        {!trustpilotLoaded && (\n          <a\n            href={link}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"mobius/TrustLink\"\n          >\n            Trustpilot\n          </a>\n        )}\n      </Element>\n    );\n  });\n"],"names":["Trust","forwardRef","props","ref","elementType","Element","variant","theme","otherProps","trustpilotLoaded","setTrustpilotLoaded","useState","trustRef","useRef","link","defaultProps","getDefaultProps","className","variantClassName","TRUSTPILOT_WIDGET","themeClassName","charAt","toUpperCase","slice","classes","classNames","REQUIRED_TRUSTPILOT_CLASS_NAME","useEffect","window","current","Trustpilot","loadFromElement","mergeRefs","a","href","target","rel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;+DARU;uBACiC;uBAE9B;2BACwC;iCAClC;;;;;;AAGzB,MAAMA,sBACXC,IAAAA,iBAAU,EAAC,CAACC,OAAmBC;IAC7B,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,OAAO,EACPC,KAAK,EACL,GAAGC,YACJ,GAAGN;IACJ,2DAA2D;IAC3D,yDAAyD;IACzD,MAAM,CAACO,kBAAkBC,oBAAoB,GAAGC,IAAAA,eAAQ,EAAC;IACzD,MAAMC,WAAWC,IAAAA,aAAM,EAAC;IAExB,MAAM,EAAEC,IAAI,EAAE,GAAGC,cAAc,GAAGC,IAAAA,gCAAe,EAACd;IAClD,MAAM,EAAEe,WAAWC,gBAAgB,EAAE,GAAGC,4BAAiB,CAACb,QAAQ;IAClE,MAAMc,iBAAiBb,MAAMc,MAAM,CAAC,GAAGC,WAAW,KAAKf,MAAMgB,KAAK,CAAC;IAEnE,MAAMC,UAAUC,IAAAA,eAAU,EACxB,UACA,gBACAC,yCAA8B,EAC9B;QACE,CAAC,CAAC,iBAAiB,EAAEN,eAAe,CAAC,CAAC,EAAEb;QACxC,CAAC,CAAC,mBAAmB,EAAEW,iBAAiB,CAAC,CAAC,EAAEZ;IAC9C,GACAE,WAAWS,SAAS;IAGtBU,IAAAA,gBAAS,EAAC;YAINC,SACAA;QAJF,6FAA6F;QAC7F,IACEhB,SAASiB,OAAO,MAChBD,UAAAA,oBAAAA,8BAAAA,QAAQE,UAAU,OAClBF,WAAAA,oBAAAA,+BAAAA,SAAQE,UAAU,CAACC,eAAe,GAClC;gBAEAH,oBAAAA;YADAlB,oBAAoB;aACpBkB,WAAAA,oBAAAA,gCAAAA,qBAAAA,SAAQE,UAAU,cAAlBF,yCAAAA,mBAAoBG,eAAe,CAACnB,SAASiB,OAAO,EAAE;QACxD;IACF,GAAG,EAAE;IAEL,qBACE,qBAACxB;QACCF,KAAK6B,IAAAA,gBAAS,EAAC;YAACpB;YAAUT;SAAI;QAC7B,GAAGY,YAAY;QACf,GAAGP,UAAU;QACdS,WAAWO;kBAEV,CAACf,kCACA,qBAACwB;YACCC,MAAMpB;YACNqB,QAAO;YACPC,KAAI;YACJnB,WAAU;sBACX;;;AAMT"}
+{"version":3,"sources":["../../../../src/components/Trust/Trust.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { mergeRefs } from \"../../utils\";\nimport { REQUIRED_TRUSTPILOT_CLASS_NAME, TRUSTPILOT_WIDGET } from \"./constants\";\nimport { getDefaultProps } from \"./getDefaultProps\";\nimport { TrustElementType, TrustProps, TrustRef } from \"./types\";\n\nexport const Trust: ForwardedRefComponent<TrustProps, TrustElementType> =\n  forwardRef((props: TrustProps, ref: TrustRef) => {\n    const {\n      elementType: Element = \"div\",\n      variant,\n      theme,\n      ...otherProps\n    } = props;\n    const [isMounted, setIsMounted] = useState(false);\n    const trustRef = useRef(null);\n\n    const { link, ...defaultProps } = getDefaultProps(props);\n    const { className: variantClassName, styles } = TRUSTPILOT_WIDGET[variant];\n    const themeClassName = theme.charAt(0).toUpperCase() + theme.slice(1);\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Trust\",\n      REQUIRED_TRUSTPILOT_CLASS_NAME,\n      {\n        [`mobius/TrustTheme${themeClassName}`]: theme,\n        [`mobius/TrustVariant${variantClassName}`]: variant,\n      },\n      otherProps.className,\n    );\n\n    useEffect(() => {\n      const hasTrustpilotLoaded =\n        trustRef.current &&\n        window?.Trustpilot &&\n        window?.Trustpilot.loadFromElement;\n      // If window.Trustpilot is available it means that we need to load the TrustBox from our ref.\n      if (isMounted && hasTrustpilotLoaded) {\n        window.Trustpilot.loadFromElement(trustRef.current, true);\n      }\n    }, [isMounted]);\n\n    useEffect(() => {\n      setIsMounted(true);\n    }, []);\n\n    // Load `<Trust>` client-side only to avoid SSR hydration issues\n    if (!isMounted) return <div style={styles} />;\n\n    return (\n      <Element\n        ref={mergeRefs([trustRef, ref])}\n        {...defaultProps}\n        {...otherProps}\n        className={classes}\n        style={styles}\n      >\n        <a\n          href={link}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"mobius/TrustLink\"\n        >\n          Trustpilot\n        </a>\n      </Element>\n    );\n  });\n"],"names":["Trust","forwardRef","props","ref","elementType","Element","variant","theme","otherProps","isMounted","setIsMounted","useState","trustRef","useRef","link","defaultProps","getDefaultProps","className","variantClassName","styles","TRUSTPILOT_WIDGET","themeClassName","charAt","toUpperCase","slice","classes","classNames","REQUIRED_TRUSTPILOT_CLASS_NAME","useEffect","window","hasTrustpilotLoaded","current","Trustpilot","loadFromElement","div","style","mergeRefs","a","href","target","rel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;+DARU;uBACiC;uBAE9B;2BACwC;iCAClC;;;;;;AAGzB,MAAMA,sBACXC,IAAAA,iBAAU,EAAC,CAACC,OAAmBC;IAC7B,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,OAAO,EACPC,KAAK,EACL,GAAGC,YACJ,GAAGN;IACJ,MAAM,CAACO,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;IAC3C,MAAMC,WAAWC,IAAAA,aAAM,EAAC;IAExB,MAAM,EAAEC,IAAI,EAAE,GAAGC,cAAc,GAAGC,IAAAA,gCAAe,EAACd;IAClD,MAAM,EAAEe,WAAWC,gBAAgB,EAAEC,MAAM,EAAE,GAAGC,4BAAiB,CAACd,QAAQ;IAC1E,MAAMe,iBAAiBd,MAAMe,MAAM,CAAC,GAAGC,WAAW,KAAKhB,MAAMiB,KAAK,CAAC;IAEnE,MAAMC,UAAUC,IAAAA,eAAU,EACxB,UACA,gBACAC,yCAA8B,EAC9B;QACE,CAAC,CAAC,iBAAiB,EAAEN,eAAe,CAAC,CAAC,EAAEd;QACxC,CAAC,CAAC,mBAAmB,EAAEW,iBAAiB,CAAC,CAAC,EAAEZ;IAC9C,GACAE,WAAWS,SAAS;IAGtBW,IAAAA,gBAAS,EAAC;YAGNC,SACAA;QAHF,MAAMC,sBACJlB,SAASmB,OAAO,MAChBF,UAAAA,oBAAAA,8BAAAA,QAAQG,UAAU,OAClBH,WAAAA,oBAAAA,+BAAAA,SAAQG,UAAU,CAACC,eAAe;QACpC,6FAA6F;QAC7F,IAAIxB,aAAaqB,qBAAqB;YACpCD,OAAOG,UAAU,CAACC,eAAe,CAACrB,SAASmB,OAAO,EAAE;QACtD;IACF,GAAG;QAACtB;KAAU;IAEdmB,IAAAA,gBAAS,EAAC;QACRlB,aAAa;IACf,GAAG,EAAE;IAEL,gEAAgE;IAChE,IAAI,CAACD,WAAW,qBAAO,qBAACyB;QAAIC,OAAOhB;;IAEnC,qBACE,qBAACd;QACCF,KAAKiC,IAAAA,gBAAS,EAAC;YAACxB;YAAUT;SAAI;QAC7B,GAAGY,YAAY;QACf,GAAGP,UAAU;QACdS,WAAWQ;QACXU,OAAOhB;kBAEP,cAAA,qBAACkB;YACCC,MAAMxB;YACNyB,QAAO;YACPC,KAAI;YACJvB,WAAU;sBACX;;;AAKP"}

package/dist/cjs/components/Trust/constants.js

@@ -33,11 +33,18 @@ const TRUSTPILOT_WIDGET = {
     // https://support.trustpilot.com/hc/en-us/articles/360019826379-TrustBox-widget-overview
     "micro-combo": {
         templateId: "5419b6ffb0d04a076446a9af",
-        className: "MicroCombo"
+        className: "MicroCombo",
+        styles: {
+            height: "25px"
+        }
     },
     mini: {
         templateId: "53aa8807dec7e10d38f59f32",
-        className: "Mini"
+        className: "Mini",
+        styles: {
+            width: "300px",
+            height: "150px"
+        }
     }
 };
 

package/dist/cjs/components/Trust/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Trust/constants.ts"],"sourcesContent":["export const REQUIRED_TRUSTPILOT_CLASS_NAME = \"trustpilot-widget\";\n\nexport const SIMPLYBUSINESS_UNIT_ID = \"5ca35a3da72b330001954cef\";\n\nexport const TRUSTPILOT_LINKS = {\n  \"en-US\": \"https://www.trustpilot.com/review/simplybusiness.com\",\n  \"en-GB\": \"https://www.trustpilot.com/review/simplybusiness.co.uk\",\n};\n\nexport const TRUSTPILOT_WIDGET = {\n  // Keys based on actual widget names\n  // https://support.trustpilot.com/hc/en-us/articles/360019826379-TrustBox-widget-overview\n  \"micro-combo\": {\n    templateId: \"5419b6ffb0d04a076446a9af\",\n    className: \"MicroCombo\",\n  },\n  mini: {\n    templateId: \"53aa8807dec7e10d38f59f32\",\n    className: \"Mini\",\n  },\n};\n"],"names":["REQUIRED_TRUSTPILOT_CLASS_NAME","SIMPLYBUSINESS_UNIT_ID","TRUSTPILOT_LINKS","TRUSTPILOT_WIDGET","templateId","className","mini"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAAaA,8BAA8B;eAA9BA;;IAEAC,sBAAsB;eAAtBA;;IAEAC,gBAAgB;eAAhBA;;IAKAC,iBAAiB;eAAjBA;;;AATN,MAAMH,iCAAiC;AAEvC,MAAMC,yBAAyB;AAE/B,MAAMC,mBAAmB;IAC9B,SAAS;IACT,SAAS;AACX;AAEO,MAAMC,oBAAoB;IAC/B,oCAAoC;IACpC,yFAAyF;IACzF,eAAe;QACbC,YAAY;QACZC,WAAW;IACb;IACAC,MAAM;QACJF,YAAY;QACZC,WAAW;IACb;AACF"}
+{"version":3,"sources":["../../../../src/components/Trust/constants.ts"],"sourcesContent":["export const REQUIRED_TRUSTPILOT_CLASS_NAME = \"trustpilot-widget\";\n\nexport const SIMPLYBUSINESS_UNIT_ID = \"5ca35a3da72b330001954cef\";\n\nexport const TRUSTPILOT_LINKS = {\n  \"en-US\": \"https://www.trustpilot.com/review/simplybusiness.com\",\n  \"en-GB\": \"https://www.trustpilot.com/review/simplybusiness.co.uk\",\n};\n\nexport const TRUSTPILOT_WIDGET = {\n  // Keys based on actual widget names\n  // https://support.trustpilot.com/hc/en-us/articles/360019826379-TrustBox-widget-overview\n  \"micro-combo\": {\n    templateId: \"5419b6ffb0d04a076446a9af\",\n    className: \"MicroCombo\",\n    styles: {\n      height: \"25px\",\n    },\n  },\n  mini: {\n    templateId: \"53aa8807dec7e10d38f59f32\",\n    className: \"Mini\",\n    styles: {\n      width: \"300px\",\n      height: \"150px\",\n    },\n  },\n};\n"],"names":["REQUIRED_TRUSTPILOT_CLASS_NAME","SIMPLYBUSINESS_UNIT_ID","TRUSTPILOT_LINKS","TRUSTPILOT_WIDGET","templateId","className","styles","height","mini","width"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAAaA,8BAA8B;eAA9BA;;IAEAC,sBAAsB;eAAtBA;;IAEAC,gBAAgB;eAAhBA;;IAKAC,iBAAiB;eAAjBA;;;AATN,MAAMH,iCAAiC;AAEvC,MAAMC,yBAAyB;AAE/B,MAAMC,mBAAmB;IAC9B,SAAS;IACT,SAAS;AACX;AAEO,MAAMC,oBAAoB;IAC/B,oCAAoC;IACpC,yFAAyF;IACzF,eAAe;QACbC,YAAY;QACZC,WAAW;QACXC,QAAQ;YACNC,QAAQ;QACV;IACF;IACAC,MAAM;QACJJ,YAAY;QACZC,WAAW;QACXC,QAAQ;YACNG,OAAO;YACPF,QAAQ;QACV;IACF;AACF"}

package/dist/esm/components/Trust/Trust.js

@@ -6,12 +6,10 @@ import { REQUIRED_TRUSTPILOT_CLASS_NAME, TRUSTPILOT_WIDGET } from "./constants";
 import { getDefaultProps } from "./getDefaultProps";
 export const Trust = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { elementType: Element = "div", variant, theme, ...otherProps } = props;
-    // Ensure that server-side and client-side render output is
-    // the same by tracking the Trustpilot widget load status
-    const [trustpilotLoaded, setTrustpilotLoaded] = useState(false);
+    const [isMounted, setIsMounted] = useState(false);
     const trustRef = useRef(null);
     const { link, ...defaultProps } = getDefaultProps(props);
-    const { className: variantClassName } = TRUSTPILOT_WIDGET[variant];
+    const { className: variantClassName, styles } = TRUSTPILOT_WIDGET[variant];
     const themeClassName = theme.charAt(0).toUpperCase() + theme.slice(1);
     const classes = classNames("mobius", "mobius/Trust", REQUIRED_TRUSTPILOT_CLASS_NAME, {
         [`mobius/TrustTheme${themeClassName}`]: theme,
@@ -19,13 +17,21 @@ export const Trust = /*#__PURE__*/ forwardRef((props, ref)=>{
     }, otherProps.className);
     useEffect(()=>{
         var _window, _window1;
+        const hasTrustpilotLoaded = trustRef.current && ((_window = window) === null || _window === void 0 ? void 0 : _window.Trustpilot) && ((_window1 = window) === null || _window1 === void 0 ? void 0 : _window1.Trustpilot.loadFromElement);
         // If window.Trustpilot is available it means that we need to load the TrustBox from our ref.
-        if (trustRef.current && ((_window = window) === null || _window === void 0 ? void 0 : _window.Trustpilot) && ((_window1 = window) === null || _window1 === void 0 ? void 0 : _window1.Trustpilot.loadFromElement)) {
-            var _window_Trustpilot, _window2;
-            setTrustpilotLoaded(true);
-            (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window_Trustpilot = _window2.Trustpilot) === null || _window_Trustpilot === void 0 ? void 0 : _window_Trustpilot.loadFromElement(trustRef.current, true);
+        if (isMounted && hasTrustpilotLoaded) {
+            window.Trustpilot.loadFromElement(trustRef.current, true);
         }
+    }, [
+        isMounted
+    ]);
+    useEffect(()=>{
+        setIsMounted(true);
     }, []);
+    // Load `<Trust>` client-side only to avoid SSR hydration issues
+    if (!isMounted) return /*#__PURE__*/ _jsx("div", {
+        style: styles
+    });
     return /*#__PURE__*/ _jsx(Element, {
         ref: mergeRefs([
             trustRef,
@@ -34,7 +40,8 @@ export const Trust = /*#__PURE__*/ forwardRef((props, ref)=>{
         ...defaultProps,
         ...otherProps,
         className: classes,
-        children: !trustpilotLoaded && /*#__PURE__*/ _jsx("a", {
+        style: styles,
+        children: /*#__PURE__*/ _jsx("a", {
             href: link,
             target: "_blank",
             rel: "noopener noreferrer",

package/dist/esm/components/Trust/Trust.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Trust/Trust.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { mergeRefs } from \"../../utils\";\nimport { REQUIRED_TRUSTPILOT_CLASS_NAME, TRUSTPILOT_WIDGET } from \"./constants\";\nimport { getDefaultProps } from \"./getDefaultProps\";\nimport { TrustElementType, TrustProps, TrustRef } from \"./types\";\n\nexport const Trust: ForwardedRefComponent<TrustProps, TrustElementType> =\n  forwardRef((props: TrustProps, ref: TrustRef) => {\n    const {\n      elementType: Element = \"div\",\n      variant,\n      theme,\n      ...otherProps\n    } = props;\n    // Ensure that server-side and client-side render output is\n    // the same by tracking the Trustpilot widget load status\n    const [trustpilotLoaded, setTrustpilotLoaded] = useState(false);\n    const trustRef = useRef(null);\n\n    const { link, ...defaultProps } = getDefaultProps(props);\n    const { className: variantClassName } = TRUSTPILOT_WIDGET[variant];\n    const themeClassName = theme.charAt(0).toUpperCase() + theme.slice(1);\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Trust\",\n      REQUIRED_TRUSTPILOT_CLASS_NAME,\n      {\n        [`mobius/TrustTheme${themeClassName}`]: theme,\n        [`mobius/TrustVariant${variantClassName}`]: variant,\n      },\n      otherProps.className,\n    );\n\n    useEffect(() => {\n      // If window.Trustpilot is available it means that we need to load the TrustBox from our ref.\n      if (\n        trustRef.current &&\n        window?.Trustpilot &&\n        window?.Trustpilot.loadFromElement\n      ) {\n        setTrustpilotLoaded(true);\n        window?.Trustpilot?.loadFromElement(trustRef.current, true);\n      }\n    }, []);\n\n    return (\n      <Element\n        ref={mergeRefs([trustRef, ref])}\n        {...defaultProps}\n        {...otherProps}\n        className={classes}\n      >\n        {!trustpilotLoaded && (\n          <a\n            href={link}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"mobius/TrustLink\"\n          >\n            Trustpilot\n          </a>\n        )}\n      </Element>\n    );\n  });\n"],"names":["classNames","forwardRef","useEffect","useRef","useState","mergeRefs","REQUIRED_TRUSTPILOT_CLASS_NAME","TRUSTPILOT_WIDGET","getDefaultProps","Trust","props","ref","elementType","Element","variant","theme","otherProps","trustpilotLoaded","setTrustpilotLoaded","trustRef","link","defaultProps","className","variantClassName","themeClassName","charAt","toUpperCase","slice","classes","window","current","Trustpilot","loadFromElement","a","href","target","rel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,gBAAgB,oBAAoB;AAC3C,SAASC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAEhE,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,8BAA8B,EAAEC,iBAAiB,QAAQ,cAAc;AAChF,SAASC,eAAe,QAAQ,oBAAoB;AAGpD,OAAO,MAAMC,sBACXR,WAAW,CAACS,OAAmBC;IAC7B,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,OAAO,EACPC,KAAK,EACL,GAAGC,YACJ,GAAGN;IACJ,2DAA2D;IAC3D,yDAAyD;IACzD,MAAM,CAACO,kBAAkBC,oBAAoB,GAAGd,SAAS;IACzD,MAAMe,WAAWhB,OAAO;IAExB,MAAM,EAAEiB,IAAI,EAAE,GAAGC,cAAc,GAAGb,gBAAgBE;IAClD,MAAM,EAAEY,WAAWC,gBAAgB,EAAE,GAAGhB,iBAAiB,CAACO,QAAQ;IAClE,MAAMU,iBAAiBT,MAAMU,MAAM,CAAC,GAAGC,WAAW,KAAKX,MAAMY,KAAK,CAAC;IAEnE,MAAMC,UAAU5B,WACd,UACA,gBACAM,gCACA;QACE,CAAC,CAAC,iBAAiB,EAAEkB,eAAe,CAAC,CAAC,EAAET;QACxC,CAAC,CAAC,mBAAmB,EAAEQ,iBAAiB,CAAC,CAAC,EAAET;IAC9C,GACAE,WAAWM,SAAS;IAGtBpB,UAAU;YAIN2B,SACAA;QAJF,6FAA6F;QAC7F,IACEV,SAASW,OAAO,MAChBD,UAAAA,oBAAAA,8BAAAA,QAAQE,UAAU,OAClBF,WAAAA,oBAAAA,+BAAAA,SAAQE,UAAU,CAACC,eAAe,GAClC;gBAEAH,oBAAAA;YADAX,oBAAoB;aACpBW,WAAAA,oBAAAA,gCAAAA,qBAAAA,SAAQE,UAAU,cAAlBF,yCAAAA,mBAAoBG,eAAe,CAACb,SAASW,OAAO,EAAE;QACxD;IACF,GAAG,EAAE;IAEL,qBACE,KAACjB;QACCF,KAAKN,UAAU;YAACc;YAAUR;SAAI;QAC7B,GAAGU,YAAY;QACf,GAAGL,UAAU;QACdM,WAAWM;kBAEV,CAACX,kCACA,KAACgB;YACCC,MAAMd;YACNe,QAAO;YACPC,KAAI;YACJd,WAAU;sBACX;;;AAMT,GAAG"}
+{"version":3,"sources":["../../../../src/components/Trust/Trust.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { mergeRefs } from \"../../utils\";\nimport { REQUIRED_TRUSTPILOT_CLASS_NAME, TRUSTPILOT_WIDGET } from \"./constants\";\nimport { getDefaultProps } from \"./getDefaultProps\";\nimport { TrustElementType, TrustProps, TrustRef } from \"./types\";\n\nexport const Trust: ForwardedRefComponent<TrustProps, TrustElementType> =\n  forwardRef((props: TrustProps, ref: TrustRef) => {\n    const {\n      elementType: Element = \"div\",\n      variant,\n      theme,\n      ...otherProps\n    } = props;\n    const [isMounted, setIsMounted] = useState(false);\n    const trustRef = useRef(null);\n\n    const { link, ...defaultProps } = getDefaultProps(props);\n    const { className: variantClassName, styles } = TRUSTPILOT_WIDGET[variant];\n    const themeClassName = theme.charAt(0).toUpperCase() + theme.slice(1);\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Trust\",\n      REQUIRED_TRUSTPILOT_CLASS_NAME,\n      {\n        [`mobius/TrustTheme${themeClassName}`]: theme,\n        [`mobius/TrustVariant${variantClassName}`]: variant,\n      },\n      otherProps.className,\n    );\n\n    useEffect(() => {\n      const hasTrustpilotLoaded =\n        trustRef.current &&\n        window?.Trustpilot &&\n        window?.Trustpilot.loadFromElement;\n      // If window.Trustpilot is available it means that we need to load the TrustBox from our ref.\n      if (isMounted && hasTrustpilotLoaded) {\n        window.Trustpilot.loadFromElement(trustRef.current, true);\n      }\n    }, [isMounted]);\n\n    useEffect(() => {\n      setIsMounted(true);\n    }, []);\n\n    // Load `<Trust>` client-side only to avoid SSR hydration issues\n    if (!isMounted) return <div style={styles} />;\n\n    return (\n      <Element\n        ref={mergeRefs([trustRef, ref])}\n        {...defaultProps}\n        {...otherProps}\n        className={classes}\n        style={styles}\n      >\n        <a\n          href={link}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"mobius/TrustLink\"\n        >\n          Trustpilot\n        </a>\n      </Element>\n    );\n  });\n"],"names":["classNames","forwardRef","useEffect","useRef","useState","mergeRefs","REQUIRED_TRUSTPILOT_CLASS_NAME","TRUSTPILOT_WIDGET","getDefaultProps","Trust","props","ref","elementType","Element","variant","theme","otherProps","isMounted","setIsMounted","trustRef","link","defaultProps","className","variantClassName","styles","themeClassName","charAt","toUpperCase","slice","classes","window","hasTrustpilotLoaded","current","Trustpilot","loadFromElement","div","style","a","href","target","rel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,gBAAgB,oBAAoB;AAC3C,SAASC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAEhE,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,8BAA8B,EAAEC,iBAAiB,QAAQ,cAAc;AAChF,SAASC,eAAe,QAAQ,oBAAoB;AAGpD,OAAO,MAAMC,sBACXR,WAAW,CAACS,OAAmBC;IAC7B,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,OAAO,EACPC,KAAK,EACL,GAAGC,YACJ,GAAGN;IACJ,MAAM,CAACO,WAAWC,aAAa,GAAGd,SAAS;IAC3C,MAAMe,WAAWhB,OAAO;IAExB,MAAM,EAAEiB,IAAI,EAAE,GAAGC,cAAc,GAAGb,gBAAgBE;IAClD,MAAM,EAAEY,WAAWC,gBAAgB,EAAEC,MAAM,EAAE,GAAGjB,iBAAiB,CAACO,QAAQ;IAC1E,MAAMW,iBAAiBV,MAAMW,MAAM,CAAC,GAAGC,WAAW,KAAKZ,MAAMa,KAAK,CAAC;IAEnE,MAAMC,UAAU7B,WACd,UACA,gBACAM,gCACA;QACE,CAAC,CAAC,iBAAiB,EAAEmB,eAAe,CAAC,CAAC,EAAEV;QACxC,CAAC,CAAC,mBAAmB,EAAEQ,iBAAiB,CAAC,CAAC,EAAET;IAC9C,GACAE,WAAWM,SAAS;IAGtBpB,UAAU;YAGN4B,SACAA;QAHF,MAAMC,sBACJZ,SAASa,OAAO,MAChBF,UAAAA,oBAAAA,8BAAAA,QAAQG,UAAU,OAClBH,WAAAA,oBAAAA,+BAAAA,SAAQG,UAAU,CAACC,eAAe;QACpC,6FAA6F;QAC7F,IAAIjB,aAAac,qBAAqB;YACpCD,OAAOG,UAAU,CAACC,eAAe,CAACf,SAASa,OAAO,EAAE;QACtD;IACF,GAAG;QAACf;KAAU;IAEdf,UAAU;QACRgB,aAAa;IACf,GAAG,EAAE;IAEL,gEAAgE;IAChE,IAAI,CAACD,WAAW,qBAAO,KAACkB;QAAIC,OAAOZ;;IAEnC,qBACE,KAACX;QACCF,KAAKN,UAAU;YAACc;YAAUR;SAAI;QAC7B,GAAGU,YAAY;QACf,GAAGL,UAAU;QACdM,WAAWO;QACXO,OAAOZ;kBAEP,cAAA,KAACa;YACCC,MAAMlB;YACNmB,QAAO;YACPC,KAAI;YACJlB,WAAU;sBACX;;;AAKP,GAAG"}

package/dist/esm/components/Trust/constants.js

@@ -9,11 +9,18 @@ export const TRUSTPILOT_WIDGET = {
     // https://support.trustpilot.com/hc/en-us/articles/360019826379-TrustBox-widget-overview
     "micro-combo": {
         templateId: "5419b6ffb0d04a076446a9af",
-        className: "MicroCombo"
+        className: "MicroCombo",
+        styles: {
+            height: "25px"
+        }
     },
     mini: {
         templateId: "53aa8807dec7e10d38f59f32",
-        className: "Mini"
+        className: "Mini",
+        styles: {
+            width: "300px",
+            height: "150px"
+        }
     }
 };
 

package/dist/esm/components/Trust/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Trust/constants.ts"],"sourcesContent":["export const REQUIRED_TRUSTPILOT_CLASS_NAME = \"trustpilot-widget\";\n\nexport const SIMPLYBUSINESS_UNIT_ID = \"5ca35a3da72b330001954cef\";\n\nexport const TRUSTPILOT_LINKS = {\n  \"en-US\": \"https://www.trustpilot.com/review/simplybusiness.com\",\n  \"en-GB\": \"https://www.trustpilot.com/review/simplybusiness.co.uk\",\n};\n\nexport const TRUSTPILOT_WIDGET = {\n  // Keys based on actual widget names\n  // https://support.trustpilot.com/hc/en-us/articles/360019826379-TrustBox-widget-overview\n  \"micro-combo\": {\n    templateId: \"5419b6ffb0d04a076446a9af\",\n    className: \"MicroCombo\",\n  },\n  mini: {\n    templateId: \"53aa8807dec7e10d38f59f32\",\n    className: \"Mini\",\n  },\n};\n"],"names":["REQUIRED_TRUSTPILOT_CLASS_NAME","SIMPLYBUSINESS_UNIT_ID","TRUSTPILOT_LINKS","TRUSTPILOT_WIDGET","templateId","className","mini"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAO,MAAMA,iCAAiC,oBAAoB;AAElE,OAAO,MAAMC,yBAAyB,2BAA2B;AAEjE,OAAO,MAAMC,mBAAmB;IAC9B,SAAS;IACT,SAAS;AACX,EAAE;AAEF,OAAO,MAAMC,oBAAoB;IAC/B,oCAAoC;IACpC,yFAAyF;IACzF,eAAe;QACbC,YAAY;QACZC,WAAW;IACb;IACAC,MAAM;QACJF,YAAY;QACZC,WAAW;IACb;AACF,EAAE"}
+{"version":3,"sources":["../../../../src/components/Trust/constants.ts"],"sourcesContent":["export const REQUIRED_TRUSTPILOT_CLASS_NAME = \"trustpilot-widget\";\n\nexport const SIMPLYBUSINESS_UNIT_ID = \"5ca35a3da72b330001954cef\";\n\nexport const TRUSTPILOT_LINKS = {\n  \"en-US\": \"https://www.trustpilot.com/review/simplybusiness.com\",\n  \"en-GB\": \"https://www.trustpilot.com/review/simplybusiness.co.uk\",\n};\n\nexport const TRUSTPILOT_WIDGET = {\n  // Keys based on actual widget names\n  // https://support.trustpilot.com/hc/en-us/articles/360019826379-TrustBox-widget-overview\n  \"micro-combo\": {\n    templateId: \"5419b6ffb0d04a076446a9af\",\n    className: \"MicroCombo\",\n    styles: {\n      height: \"25px\",\n    },\n  },\n  mini: {\n    templateId: \"53aa8807dec7e10d38f59f32\",\n    className: \"Mini\",\n    styles: {\n      width: \"300px\",\n      height: \"150px\",\n    },\n  },\n};\n"],"names":["REQUIRED_TRUSTPILOT_CLASS_NAME","SIMPLYBUSINESS_UNIT_ID","TRUSTPILOT_LINKS","TRUSTPILOT_WIDGET","templateId","className","styles","height","mini","width"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAO,MAAMA,iCAAiC,oBAAoB;AAElE,OAAO,MAAMC,yBAAyB,2BAA2B;AAEjE,OAAO,MAAMC,mBAAmB;IAC9B,SAAS;IACT,SAAS;AACX,EAAE;AAEF,OAAO,MAAMC,oBAAoB;IAC/B,oCAAoC;IACpC,yFAAyF;IACzF,eAAe;QACbC,YAAY;QACZC,WAAW;QACXC,QAAQ;YACNC,QAAQ;QACV;IACF;IACAC,MAAM;QACJJ,YAAY;QACZC,WAAW;QACXC,QAAQ;YACNG,OAAO;YACPF,QAAQ;QACV;IACF;AACF,EAAE"}

package/dist/types/components/Trust/constants.d.ts

@@ -8,9 +8,16 @@ export declare const TRUSTPILOT_WIDGET: {
     "micro-combo": {
         templateId: string;
         className: string;
+        styles: {
+            height: string;
+        };
     };
     mini: {
         templateId: string;
         className: string;
+        styles: {
+            width: string;
+            height: string;
+        };
     };
 };

package/dist/types/components/Trust/getDefaultProps.d.ts

@@ -1,14 +1,14 @@
 import { TrustProps } from "./types";
 export declare const getDefaultProps: (props: TrustProps) => {
     "data-businessunit-id": string;
-    "data-locale": "en-US" | "en-GB";
+    "data-locale": "en-GB" | "en-US";
     "data-template-id": string;
     "data-theme": "dark" | "light";
     "data-style-width": string;
     link: string;
 } | {
     "data-businessunit-id": string;
-    "data-locale": "en-US" | "en-GB";
+    "data-locale": "en-GB" | "en-US";
     "data-template-id": string;
     "data-theme": "dark" | "light";
     "data-style-width": string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@simplybusiness/mobius",
   "license": "UNLICENSED",
-  "version": "4.11.5",
+  "version": "4.11.6",
   "description": "Core library of Mobius react components",
   "repository": {
     "type": "git",

package/src/components/Trust/Trust.tsx

@@ -14,13 +14,11 @@ export const Trust: ForwardedRefComponent<TrustProps, TrustElementType> =
       theme,
       ...otherProps
     } = props;
-    // Ensure that server-side and client-side render output is
-    // the same by tracking the Trustpilot widget load status
-    const [trustpilotLoaded, setTrustpilotLoaded] = useState(false);
+    const [isMounted, setIsMounted] = useState(false);
     const trustRef = useRef(null);
 
     const { link, ...defaultProps } = getDefaultProps(props);
-    const { className: variantClassName } = TRUSTPILOT_WIDGET[variant];
+    const { className: variantClassName, styles } = TRUSTPILOT_WIDGET[variant];
     const themeClassName = theme.charAt(0).toUpperCase() + theme.slice(1);
 
     const classes = classNames(
@@ -35,34 +33,39 @@ export const Trust: ForwardedRefComponent<TrustProps, TrustElementType> =
     );
 
     useEffect(() => {
-      // If window.Trustpilot is available it means that we need to load the TrustBox from our ref.
-      if (
+      const hasTrustpilotLoaded =
         trustRef.current &&
         window?.Trustpilot &&
-        window?.Trustpilot.loadFromElement
-      ) {
-        setTrustpilotLoaded(true);
-        window?.Trustpilot?.loadFromElement(trustRef.current, true);
+        window?.Trustpilot.loadFromElement;
+      // If window.Trustpilot is available it means that we need to load the TrustBox from our ref.
+      if (isMounted && hasTrustpilotLoaded) {
+        window.Trustpilot.loadFromElement(trustRef.current, true);
       }
+    }, [isMounted]);
+
+    useEffect(() => {
+      setIsMounted(true);
     }, []);
 
+    // Load `<Trust>` client-side only to avoid SSR hydration issues
+    if (!isMounted) return <div style={styles} />;
+
     return (
       <Element
         ref={mergeRefs([trustRef, ref])}
         {...defaultProps}
         {...otherProps}
         className={classes}
+        style={styles}
       >
-        {!trustpilotLoaded && (
-          <a
-            href={link}
-            target="_blank"
-            rel="noopener noreferrer"
-            className="mobius/TrustLink"
-          >
-            Trustpilot
-          </a>
-        )}
+        <a
+          href={link}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="mobius/TrustLink"
+        >
+          Trustpilot
+        </a>
       </Element>
     );
   });

package/src/components/Trust/constants.ts

@@ -13,9 +13,16 @@ export const TRUSTPILOT_WIDGET = {
   "micro-combo": {
     templateId: "5419b6ffb0d04a076446a9af",
     className: "MicroCombo",
+    styles: {
+      height: "25px",
+    },
   },
   mini: {
     templateId: "53aa8807dec7e10d38f59f32",
     className: "Mini",
+    styles: {
+      width: "300px",
+      height: "150px",
+    },
   },
 };

package/dist/cjs/components/Accordion/Accordion.d.ts

@@ -1,34 +0,0 @@
-import { ReactNode, Ref, RefAttributes } from "react";
-import { ForwardedRefComponent } from "../../types/components";
-import { DOMProps } from "../../types/dom";
-export type AccordionElementType = HTMLDivElement;
-export type AccordionRef = Ref<AccordionElementType>;
-export interface AccordionLinkProps extends DOMProps {
-    /** Link text to show accordion content */
-    text?: string;
-    onClick?: () => void;
-    toggle: () => void;
-    headerChildren?: ReactNode;
-    ariaExpanded: boolean | undefined;
-}
-export interface AccordionProps extends DOMProps, RefAttributes<AccordionElementType> {
-    /** Custom class name for setting specific CSS */
-    className?: string;
-    /** Link text to show accordion content */
-    showText?: string;
-    /** Link text to hide accordion content */
-    hideText?: string;
-    /** Whether header is above or below content */
-    headerPosition?: "top" | "bottom";
-    /** Whether to expand the accordion initially */
-    startOpen?: boolean | undefined;
-    /** Callback that fires each time the accordion is opened */
-    onOpen?: () => void;
-    /** Callback that fires each time the accordion is closed */
-    onClose?: () => void;
-    /** Callback that fires each time the accordion state changes */
-    onChange?: (state: boolean) => void;
-    children?: ReactNode;
-    headerChildren?: ReactNode;
-}
-export declare const Accordion: ForwardedRefComponent<AccordionProps, AccordionElementType>;

package/dist/cjs/components/Accordion/Accordion.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Accordion } from "..";
-type StoryType = StoryObj<typeof Accordion>;
-declare const meta: Meta<typeof Accordion>;
-export declare const Normal: StoryType;
-export declare const StartExpanded: StoryType;
-export declare const BottomHeader: StoryType;
-export declare const WithChildren: StoryType;
-export declare const ComplexContent: StoryType;
-export default meta;

package/dist/cjs/components/Accordion/Accordion.stories.js

@@ -1,134 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    BottomHeader: function() {
-        return BottomHeader;
-    },
-    ComplexContent: function() {
-        return ComplexContent;
-    },
-    Normal: function() {
-        return Normal;
-    },
-    StartExpanded: function() {
-        return StartExpanded;
-    },
-    WithChildren: function() {
-        return WithChildren;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _ = require("..");
-const _utils = require("../../utils");
-const meta = {
-    title: "Components/Accordion",
-    component: _.Accordion,
-    argTypes: (0, _utils.excludeControls)("headerChildren"),
-    decorators: [
-        (Story)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                style: {
-                    minHeight: 150
-                },
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Story, {})
-            })
-    ]
-};
-const Normal = {
-    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_.Accordion, {
-            ...args,
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-                    children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto"
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-                    children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto"
-                })
-            ]
-        }),
-    args: {
-        showText: "See more",
-        hideText: "See less",
-        headerPosition: "top",
-        startOpen: false
-    }
-};
-const StartExpanded = {
-    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_.Accordion, {
-            ...args,
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-                children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto"
-            })
-        }),
-    args: {
-        showText: "How to sign a Premium Credit Agreement (PCL)",
-        hideText: "How to sign a Premium Credit Agreement (PCL)",
-        headerPosition: "top",
-        startOpen: true
-    }
-};
-const BottomHeader = {
-    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_.Accordion, {
-            ...args,
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-                children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto"
-            })
-        }),
-    args: {
-        showText: "See more",
-        hideText: "See less",
-        headerPosition: "bottom",
-        startOpen: false
-    }
-};
-const WithChildren = {
-    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_.Accordion, {
-            ...args,
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-                children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto"
-            })
-        }),
-    args: {
-        showText: "See more",
-        hideText: "See less",
-        headerPosition: "top",
-        headerChildren: /*#__PURE__*/ (0, _jsxruntime.jsx)(_.Button, {
-            children: "Go"
-        }),
-        startOpen: false
-    }
-};
-const ComplexContent = {
-    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_.Accordion, {
-            ...args,
-            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_.SegmentGroup, {
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_.Segment, {
-                        children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_.Segment, {
-                        children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto"
-                    })
-                ]
-            })
-        }),
-    args: {
-        showText: "See more",
-        hideText: "See less",
-        headerPosition: "top",
-        startOpen: false
-    }
-};
-const _default = meta;
-
-//# sourceMappingURL=Accordion.stories.js.map

package/dist/cjs/components/Accordion/Accordion.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Accordion/Accordion.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Accordion, AccordionProps, Button, Segment, SegmentGroup } from \"..\";\nimport { excludeControls } from \"../../utils\";\n\ntype StoryType = StoryObj<typeof Accordion>;\n\nconst meta: Meta<typeof Accordion> = {\n  title: \"Components/Accordion\",\n  component: Accordion,\n  argTypes: excludeControls(\"headerChildren\"),\n  decorators: [\n    Story => (\n      <div style={{ minHeight: 150 }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport const Normal: StoryType = {\n  render: (args: AccordionProps) => (\n    <Accordion {...args}>\n      <p>\n        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi\n        repellendus deleniti architecto\n      </p>\n      <p>\n        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi\n        repellendus deleniti architecto\n      </p>\n    </Accordion>\n  ),\n  args: {\n    showText: \"See more\",\n    hideText: \"See less\",\n    headerPosition: \"top\",\n    startOpen: false,\n  },\n};\n\nexport const StartExpanded: StoryType = {\n  render: (args: AccordionProps) => (\n    <Accordion {...args}>\n      <p>\n        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi\n        repellendus deleniti architecto\n      </p>\n    </Accordion>\n  ),\n  args: {\n    showText: \"How to sign a Premium Credit Agreement (PCL)\",\n    hideText: \"How to sign a Premium Credit Agreement (PCL)\",\n    headerPosition: \"top\",\n    startOpen: true,\n  },\n};\n\nexport const BottomHeader: StoryType = {\n  render: (args: AccordionProps) => (\n    <Accordion {...args}>\n      <p>\n        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi\n        repellendus deleniti architecto\n      </p>\n    </Accordion>\n  ),\n  args: {\n    showText: \"See more\",\n    hideText: \"See less\",\n    headerPosition: \"bottom\",\n    startOpen: false,\n  },\n};\n\nexport const WithChildren: StoryType = {\n  render: (args: AccordionProps) => (\n    <Accordion {...args}>\n      <p>\n        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi\n        repellendus deleniti architecto\n      </p>\n    </Accordion>\n  ),\n  args: {\n    showText: \"See more\",\n    hideText: \"See less\",\n    headerPosition: \"top\",\n    headerChildren: <Button>Go</Button>,\n    startOpen: false,\n  },\n};\n\nexport const ComplexContent: StoryType = {\n  render: (args: AccordionProps) => (\n    <Accordion {...args}>\n      <SegmentGroup>\n        <Segment>\n          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi\n          repellendus deleniti architecto\n        </Segment>\n        <Segment>\n          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi\n          repellendus deleniti architecto\n        </Segment>\n      </SegmentGroup>\n    </Accordion>\n  ),\n  args: {\n    showText: \"See more\",\n    hideText: \"See less\",\n    headerPosition: \"top\",\n    startOpen: false,\n  },\n};\n\nexport default meta;\n"],"names":["BottomHeader","ComplexContent","Normal","StartExpanded","WithChildren","meta","title","component","Accordion","argTypes","excludeControls","decorators","Story","div","style","minHeight","render","args","p","showText","hideText","headerPosition","startOpen","headerChildren","Button","SegmentGroup","Segment"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAyDaA,YAAY;eAAZA;;IAmCAC,cAAc;eAAdA;;IAzEAC,MAAM;eAANA;;IAqBAC,aAAa;eAAbA;;IAkCAC,YAAY;eAAZA;;IAyCb,OAAoB;eAApB;;;;kBAlHyE;uBACzC;AAIhC,MAAMC,OAA+B;IACnCC,OAAO;IACPC,WAAWC,WAAS;IACpBC,UAAUC,IAAAA,sBAAe,EAAC;IAC1BC,YAAY;QACVC,CAAAA,sBACE,qBAACC;gBAAIC,OAAO;oBAAEC,WAAW;gBAAI;0BAC3B,cAAA,qBAACH;;KAGN;AACH;AAEO,MAAMV,SAAoB;IAC/Bc,QAAQ,CAACC,qBACP,sBAACT,WAAS;YAAE,GAAGS,IAAI;;8BACjB,qBAACC;8BAAE;;8BAIH,qBAACA;8BAAE;;;;IAMPD,MAAM;QACJE,UAAU;QACVC,UAAU;QACVC,gBAAgB;QAChBC,WAAW;IACb;AACF;AAEO,MAAMnB,gBAA2B;IACtCa,QAAQ,CAACC,qBACP,qBAACT,WAAS;YAAE,GAAGS,IAAI;sBACjB,cAAA,qBAACC;0BAAE;;;IAMPD,MAAM;QACJE,UAAU;QACVC,UAAU;QACVC,gBAAgB;QAChBC,WAAW;IACb;AACF;AAEO,MAAMtB,eAA0B;IACrCgB,QAAQ,CAACC,qBACP,qBAACT,WAAS;YAAE,GAAGS,IAAI;sBACjB,cAAA,qBAACC;0BAAE;;;IAMPD,MAAM;QACJE,UAAU;QACVC,UAAU;QACVC,gBAAgB;QAChBC,WAAW;IACb;AACF;AAEO,MAAMlB,eAA0B;IACrCY,QAAQ,CAACC,qBACP,qBAACT,WAAS;YAAE,GAAGS,IAAI;sBACjB,cAAA,qBAACC;0BAAE;;;IAMPD,MAAM;QACJE,UAAU;QACVC,UAAU;QACVC,gBAAgB;QAChBE,8BAAgB,qBAACC,QAAM;sBAAC;;QACxBF,WAAW;IACb;AACF;AAEO,MAAMrB,iBAA4B;IACvCe,QAAQ,CAACC,qBACP,qBAACT,WAAS;YAAE,GAAGS,IAAI;sBACjB,cAAA,sBAACQ,cAAY;;kCACX,qBAACC,SAAO;kCAAC;;kCAIT,qBAACA,SAAO;kCAAC;;;;;IAOfT,MAAM;QACJE,UAAU;QACVC,UAAU;QACVC,gBAAgB;QAChBC,WAAW;IACb;AACF;MAEA,WAAejB"}

package/dist/cjs/components/Accordion/Accordion.test.d.ts

@@ -1 +0,0 @@
-export {};