1"use strict";(self.webpackChunkhelp_center_ui=self.webpackChunkhelp_center_ui||[]).push([[125],{8125:function(e,t,n){n.r(t),n.d(t,{NumberedList:function(){return fe}});var r=n(6540),o=n(9957),a=n(4848);function i(...e){const t=e[0];if(1===e.length)return t;const n=()=>{const n=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){const o=n.reduce((t,{useScope:n,scopeName:r})=>({...t,...n(e)[`__scope${r}`]}),{});return r.useMemo(()=>({[`__scope${t.scopeName}`]:o}),[o])}};return n.scopeName=t.scopeName,n}function s(...e){const t=e[0];if(1===e.length)return t;const n=()=>{const n=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){const o=n.reduce((t,{useScope:n,scopeName:r})=>({...t,...n(e)[`__scope${r}`]}),{});return r.useMemo(()=>({[`__scope${t.scopeName}`]:o}),[o])}};return n.scopeName=t.scopeName,n}var c=n(1071),u=n(3362);var l=new WeakMap;Map;function d(e,t){if("at"in Array.prototype)return Array.prototype.at.call(e,t);const n=function(e,t){const n=e.length,r=f(t),o=r>=0?r:n+r;return o<0||o>=n?-1:o}(e,t);return-1===n?void 0:e[n]}function f(e){return e!=e||0===e?0:Math.trunc(e)}function m(...e){const t=e[0];if(1===e.length)return t;const n=()=>{const n=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){const o=n.reduce((t,{useScope:n,scopeName:r})=>({...t,...n(e)[`__scope${r}`]}),{});return r.useMemo(()=>({[`__scope${t.scopeName}`]:o}),[o])}};return n.scopeName=t.scopeName,n}var p=n(8723),v=(n(961),["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"].reduce((e,t)=>{const n=(0,u.TL)(`Primitive.${t}`),o=r.forwardRef((e,r)=>{const{asChild:o,...i}=e,s=o?n:t;return"undefined"!=typeof window&&(window[Symbol.for("radix-ui")]=!0),(0,a.jsx)(s,{...i,ref:r})});return o.displayName=`Primitive.${t}`,{...e,[t]:o}},{}));var b=n(1351),h=r.createContext(void 0);function y(e){const t=r.useContext(h);return e||t||"ltr"}var w="rovingFocusGroup.onEntryFocus",_={bubbles:!1,cancelable:!0},g="RovingFocusGroup",[C,N,x]=function(e){const t=e+"CollectionProvider",[n,o]=function(e,t=[]){let n=[];const o=()=>{const t=n.map(e=>r.createContext(e));return function(n){const o=n?.[e]||t;return r.useMemo(()=>({[`__scope${e}`]:{...n,[e]:o}}),[n,o])}};return o.scopeName=e,[function(t,o){const i=r.createContext(o),s=n.length;n=[...n,o];const c=t=>{const{scope:n,children:o,...c}=t,u=n?.[e]?.[s]||i,l=r.useMemo(()=>c,Object.values(c));return(0,a.jsx)(u.Provider,{value:l,children:o})};return c.displayName=t+"Provider",[c,function(n,a){const c=a?.[e]?.[s]||i,u=r.useContext(c);if(u)return u;if(void 0!==o)return o;throw new Error(`\`${n}\` must be used within \`${t}\``)}]},s(o,...t)]}(t),[i,l]=n(t,{collectionRef:{current:null},itemMap:new Map}),d=e=>{const{scope:t,children:n}=e,o=r.useRef(null),s=r.useRef(new Map).current;return(0,a.jsx)(i,{scope:t,itemMap:s,collectionRef:o,children:n})};d.displayName=t;const f=e+"CollectionSlot",m=(0,u.TL)(f),p=r.forwardRef((e,t)=>{const{scope:n,children:r}=e,o=l(f,n),i=(0,c.s)(t,o.collectionRef);return(0,a.jsx)(m,{ref:i,children:r})});p.displayName=f;const v=e+"CollectionItemSlot",b="data-radix-collection-item",h=(0,u.TL)(v),y=r.forwardRef((e,t)=>{const{scope:n,children:o,...i}=e,s=r.useRef(null),u=(0,c.s)(t,s),d=l(v,n);return r.useEffect(()=>(d.itemMap.set(s,{ref:s,...i}),()=>{d.itemMap.delete(s)})),(0,a.jsx)(h,{[b]:"",ref:u,children:o})});return y.displayName=v,[{Provider:d,Slot:p,ItemSlot:y},function(t){const n=l(e+"CollectionConsumer",t);return r.useCallback(()=>{const e=n.collectionRef.current;if(!e)return[];const t=Array.from(e.querySelectorAll(`[${b}]`));return Array.from(n.itemMap.values()).sort((e,n)=>t.indexOf(e.ref.current)-t.indexOf(n.ref.current))},[n.collectionRef,n.itemMap])},o]}(g),[T,L]=function(e,t=[]){let n=[];const o=()=>{const t=n.map(e=>r.createContext(e));return function(n){const o=n?.[e]||t;return r.useMemo(()=>({[`__scope${e}`]:{...n,[e]:o}}),[n,o])}};return o.scopeName=e,[function(t,o){const i=r.createContext(o),s=n.length;n=[...n,o];const c=t=>{const{scope:n,children:o,...c}=t,u=n?.[e]?.[s]||i,l=r.useMemo(()=>c,Object.values(c));return(0,a.jsx)(u.Provider,{value:l,children:o})};return c.displayName=t+"Provider",[c,function(n,a){const c=a?.[e]?.[s]||i,u=r.useContext(c);if(u)return u;if(void 0!==o)return o;throw new Error(`\`${n}\` must be used within \`${t}\``)}]},m(o,...t)]}
1(g,[x]),[S,R]=T(g),E=r.forwardRef((e,t)=>(0,a.jsx)(C.Provider,{scope:e.__scopeRovingFocusGroup,children:(0,a.jsx)(C.Slot,{scope:e.__scopeRovingFocusGroup,children:(0,a.jsx)(I,{...e,ref:t})})}));E.displayName=g;var I=r.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:n,orientation:i,loop:s=!1,dir:u,currentTabStopId:l,defaultCurrentTabStopId:d,onCurrentTabStopIdChange:f,onEntryFocus:m,preventScrollOnEntryFocus:p=!1,...h}=e,C=r.useRef(null),x=(0,c.s)(t,C),T=y(u),[L,R]=(0,b.i)({prop:l,defaultProp:d??null,onChange:f,caller:g}),[E,I]=r.useState(!1),M=function(e){const t=r.useRef(e);return r.useEffect(()=>{t.current=e}),r.useMemo(()=>(...e)=>t.current?.(...e),[])}(m),j=N(n),$=r.useRef(!1),[A,P]=r.useState(0);return r.useEffect(()=>{const e=C.current;if(e)return e.addEventListener(w,M),()=>e.removeEventListener(w,M)},[M]),(0,a.jsx)(S,{scope:n,orientation:i,dir:T,loop:s,currentTabStopId:L,onItemFocus:r.useCallback(e=>R(e),[R]),onItemShiftTab:r.useCallback(()=>I(!0),[]),onFocusableItemAdd:r.useCallback(()=>P(e=>e+1),[]),onFocusableItemRemove:r.useCallback(()=>P(e=>e-1),[]),children:(0,a.jsx)(v.div,{tabIndex:E||0===A?-1:0,"data-orientation":i,...h,ref:x,style:{outline:"none",...e.style},onMouseDown:(0,o.mK)(e.onMouseDown,()=>{$.current=!0}),onFocus:(0,o.mK)(e.onFocus,e=>{const t=!$.current;if(e.target===e.currentTarget&&t&&!E){const t=new CustomEvent(w,_);if(e.currentTarget.dispatchEvent(t),!t.defaultPrevented){const e=j().filter(e=>e.focusable);F([e.find(e=>e.active),e.find(e=>e.id===L),...e].filter(Boolean).map(e=>e.ref.current),p)}}$.current=!1}),onBlur:(0,o.mK)(e.onBlur,()=>I(!1))})})}),M="RovingFocusGroupItem",j=r.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:n,focusable:i=!0,active:s=!1,tabStopId:c,children:u,...l}=e,d=(0,p.B)(),f=c||d,m=R(M,n),b=m.currentTabStopId===f,h=N(n),{onFocusableItemAdd:y,onFocusableItemRemove:w,currentTabStopId:_}=m;return r.useEffect(()=>{if(i)return y(),()=>w()},[i,y,w]),(0,a.jsx)(C.ItemSlot,{scope:n,id:f,focusable:i,active:s,children:(0,a.jsx)(v.span,{tabIndex:b?0:-1,"data-orientation":m.orientation,...l,ref:t,onMouseDown:(0,o.mK)(e.onMouseDown,e=>{i?m.onItemFocus(f):e.preventDefault()}),onFocus:(0,o.mK)(e.onFocus,()=>m.onItemFocus(f)),onKeyDown:(0,o.mK)(e.onKeyDown,e=>{if("Tab"===e.key&&e.shiftKey)return void m.onItemShiftTab();if(e.target!==e.currentTarget)return;const t=function(e,t,n){const r=function(e,t){return"rtl"!==t?e:"ArrowLeft"===e?"ArrowRight":"ArrowRight"===e?"ArrowLeft":e}(e.key,n);return"vertical"===t&&["ArrowLeft","ArrowRight"].includes(r)||"horizontal"===t&&["ArrowUp","ArrowDown"].includes(r)?void 0:$[r]}(e,m.orientation,m.dir);if(void 0!==t){if(e.metaKey||e.ctrlKey||e.altKey||e.shiftKey)return;e.preventDefault();let o=h().filter(e=>e.focusable).map(e=>e.ref.current);if("last"===t)o.reverse();else if("prev"===t||"next"===t){"prev"===t&&o.reverse();const a=o.indexOf(e.currentTarget);o=m.loop?(r=a+1,(n=o).map((e,t)=>n[(r+t)%n.length])):o.slice(a+1)}setTimeout(()=>F(o))}var n,r}),children:"function"==typeof u?u({isCurrentTabStop:b,hasTabStop:null!=_}):u})})});j.displayName=M;var $={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function F(e,t=!1){const n=document.activeElement;for(const r of e){if(r===n)return;if(r.focus({preventScroll:t}),document.activeElement!==n)return}}var A=E,P=j,V=n(7971),K=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"].reduce((e,t)=>{const n=(0,u.TL)(`Primitive.${t}`),o=r.forwardRef((e,r)=>{const{asChild:o,...i}=e,s=o?n:t;return"undefined"!=typeof window&&(window[Symbol.for("radix-ui")]=!0),(0,a.jsx)(s,{...i,ref:r})});return o.displayName=`Primitive.${t}`,{...e,[t]:o}},{});var k="Tabs",[D,O]=function(e,t=[]){let n=[];const o=()=>{const t=n.map(e=>r.createContext(e));return function(n){const o=n?.[e]||t;return r.useMemo(()=>({[`__scope${e}`]:{...n,[e]:o}}),[n,o])}};return o.scopeName=e,[function(t,o){const i=r.createContext(o),s=n.length;n=[...n,o];const c=t=>{const{scope:n,children:o,...c}=t,u=n?.[e]?.[s]||i,l=r.useMemo(()=>c,Object.values(c));return(0,a.jsx)(u.Provider,{value:l,children:o})};return c.displayName=t+"Provider",[c,function(n,a){const c=a?.[e]?.[s]||i,u=r.useContext(c);if(u)return u;if(void 0!==o)return o;throw new Error(`\`${n}\` must be used within \`${t}\``)}]},i(o,...t)]}(k,[L]),G=L(),[B,z]=D(k),U=r.forwardRef((e,t)=>
1{const{__scopeTabs:n,value:r,onValueChange:o,defaultValue:i,orientation:s="horizontal",dir:c,activationMode:u="automatic",...l}=e,d=y(c),[f,m]=(0,b.i)({prop:r,onChange:o,defaultProp:i??"",caller:k});return(0,a.jsx)(B,{scope:n,baseId:(0,p.B)(),value:f,onValueChange:m,orientation:s,dir:d,activationMode:u,children:(0,a.jsx)(K.div,{dir:d,"data-orientation":s,...l,ref:t})})});U.displayName=k;var q="TabsList",W=r.forwardRef((e,t)=>{const{__scopeTabs:n,loop:r=!0,...o}=e,i=z(q,n),s=G(n);return(0,a.jsx)(A,{asChild:!0,...s,orientation:i.orientation,dir:i.dir,loop:r,children:(0,a.jsx)(K.div,{role:"tablist","aria-orientation":i.orientation,...o,ref:t})})});W.displayName=q;var H="TabsTrigger",X=r.forwardRef((e,t)=>{const{__scopeTabs:n,value:r,disabled:i=!1,...s}=e,c=z(H,n),u=G(n),l=Y(c.baseId,r),d=Z(c.baseId,r),f=r===c.value;return(0,a.jsx)(P,{asChild:!0,...u,focusable:!i,active:f,children:(0,a.jsx)(K.button,{type:"button",role:"tab","aria-selected":f,"aria-controls":d,"data-state":f?"active":"inactive","data-disabled":i?"":void 0,disabled:i,id:l,...s,ref:t,onMouseDown:(0,o.mK)(e.onMouseDown,e=>{i||0!==e.button||!1!==e.ctrlKey?e.preventDefault():c.onValueChange(r)}),onKeyDown:(0,o.mK)(e.onKeyDown,e=>{[" ","Enter"].includes(e.key)&&c.onValueChange(r)}),onFocus:(0,o.mK)(e.onFocus,()=>{const e="manual"!==c.activationMode;f||i||!e||c.onValueChange(r)})})})});X.displayName=H;var J="TabsContent",Q=r.forwardRef((e,t)=>{const{__scopeTabs:n,value:o,forceMount:i,children:s,...c}=e,u=z(J,n),l=Y(u.baseId,o),d=Z(u.baseId,o),f=o===u.value,m=r.useRef(f);return r.useEffect(()=>{const e=requestAnimationFrame(()=>m.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,a.jsx)(V.C,{present:i||f,children:({present:n})=>(0,a.jsx)(K.div,{"data-state":f?"active":"inactive","data-orientation":u.orientation,role:"tabpanel","aria-labelledby":l,hidden:!n,id:d,tabIndex:0,...c,ref:t,style:{...e.style,animationDuration:m.current?"0s":void 0},children:n&&s})})});function Y(e,t){return`${e}-trigger-${t}`}function Z(e,t){return`${e}-content-${t}`}Q.displayName=J;var ee=U,te=W,ne=X,re=n(8479),oe=n.n(re),ae=n(6600),ie={white:"#fff","neutral-100":"#f8f7fa","neutral-200":"#efedf2","neutral-300":"#dddae3","neutral-400":"#c1bdc7","neutral-500":"#918d99","neutral-600":"#716b7a","neutral-700":"#585163","neutral-800":"#3a3247","neutral-900":"#261b36","neutral-1000":"#13002d",root:"Tabs_root__l58ms",list:"Tabs_list__l58ms",primaryList:"Tabs_primaryList__l58ms",secondaryList:"Tabs_secondaryList__l58ms",primary:"Tabs_primary__l58ms",secondary:"Tabs_secondary__l58ms",trigger:"Tabs_trigger__l58ms"},se=(0,r.createContext)(null),ce=(0,r.forwardRef)(function(e,t){var n,o,a=e.variant,i=void 0===a?"primary":a,s=e.children,c=e["aria-label"],u=e.className,l=e.defaultValue,d=e.value,f=e.onValueChange,m=e.orientation,p=void 0===m?"horizontal":m,v=e.dir,b=e.activationMode,h=e.loop,y=(0,r.useState)(null!=l?l:""),w=y[0],_=y[1];(0,r.useEffect)(function(){d&&(_(d),f&&f(d))},[d,f]);var g=(0,r.useCallback)(function(e){_(e),f&&f(e)},[f]),C=oe()(ie.root,u,((n={})[ie.vertical]="vertical"===p,n)),N=oe()(ie.list,((o={})[ie.primaryList]="primary"===i,o[ie.secondaryList]="secondary"===i,o)),x={activeTab:w,onTabChange:g,variant:i};return r.createElement(se.Provider,{value:x},r.createElement(ee,{className:C,ref:t,defaultValue:l,value:d,dir:v,activationMode:b,orientation:p},r.createElement(te,{className:N,"aria-label":null==c?void 0:c.toString(),loop:h},s),"horizontal"===p&&"primary"===i&&r.createElement(ae.c,null)))}),ue=function(e){var t,n=e.value,o=e.disabled,a=e.children,i=e.className,s=function(){var e=(0,r.useContext)(se);if(!e)throw new Error("useTabsContext must be used within a Tabs component");return e}(),c=s.activeTab,u=s.onTabChange,l=s.variant,d=n===c,f=oe()(ie.trigger,i,((t={})[ie.primary]="primary"===l,t[ie.secondary]="secondary"===l,t));return r.createElement(ne,{value:n,className:f,onClick:function(){return u(n)},"data-state":d?"active":"inactive",disabled:o},a)},le=n(1442),de=n(3496);const fe=e=>{var t;let{data:n,articleId:o}=e;const{0:a,1:i}=(0,r.useState)("0"),s=(0,r.useCallback)(e=>{var t;i(e);const r=parseInt(e,10),a=null==n||null===(t=n.numberedListVariations)||void 0===t?void 0:t[r];
1if(a){var s,c;const e=(null===(s=a.numberedListVariationTitle)||void 0===s?void 0:s[0])||`Option ${r+1}`;null===de.A||void 0===de.A||de.A.numberedListTabChange(null!==(c=null==n?void 0:n.numberedListInternalTitle)&&void 0!==c?c:"",e,a.contentful_id,"NumberedList",o)}},[null==n?void 0:n.numberedListVariations,null==n?void 0:n.numberedListInternalTitle,o]);return null!=n&&null!==(t=n.numberedListVariations)&&void 0!==t&&t.length?r.createElement("div",null,r.createElement("div",{className:"NumberedList-module--tabsWrapper--097b4"},r.createElement(ce,{"aria-label":n.numberedListInternalTitle||"Numbered list options",defaultValue:a,onValueChange:s},n.numberedListVariations.map((e,t)=>r.createElement(ue,{key:e.contentful_id,value:t.toString()},e.numberedListVariationTitle[0]||`Option ${t+1}`)))),r.createElement("div",{className:"NumberedList-module--tabContent--cd541"},n.numberedListVariations.map((e,t)=>{var n;return r.createElement("div",{key:e.contentful_id,className:"NumberedList-module--tabPanel--328e0 "+(a===t.toString()?"NumberedList-module--active--0ebb9":"")},(null===(n=e.numberedListVariationSteps)||void 0===n?void 0:n.raw)&&r.createElement("div",{className:"NumberedList-module--stepsContent--fde68"}
1,(0,le.iX)(e.numberedListVariationSteps.raw)))}))):null}}}]); 2//# sourceMappingURL=125-a9993a2da91af03eda24.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.