https://docs-production-katalon.netlify.app/assets/js/f9cdef51.bb246edc.js

1"use strict";(self.webpackChunkKatalon_Docs=self.webpackChunkKatalon_Docs||[]).push([[3902],{11350:(e,s,t)=>{t.r(s),t.d(s,{assets:()=>c,contentTitle:()=>o,default:()=>p,frontMatter:()=>l,metadata:()=>a,toc:()=>d});const a=JSON.parse('{"id":"test-objects/api-test-objects/rest-request/restful-request","title":"RESTful Request","description":"Katalon Studio supports sending RESTful requests with parameters, body data, and authorization details needed. When sending a request, you can receive a response from the API server for examination and troubleshooting.","source":"@site/docs/katalon-studio/test-objects/api-test-objects/rest-request/restful-request.md","sourceDirName":"test-objects/api-test-objects/rest-request","slug":"/test-objects/api-test-objects/rest-request/restful-request","permalink":"/katalon-studio/test-objects/api-test-objects/rest-request/restful-request","draft":false,"unlisted":false,"tags":[],"version":"current","lastUpdatedAt":1764064558000,"frontMatter":{"title":"RESTful Request"},"sidebar":"katalon-studio","previous":{"title":"Import SOAP requests from WSDLs to Katalon Studio","permalink":"/katalon-studio/test-objects/api-test-objects/import-web-service-objects/import-soap-requests-from-wsdls-to-katalon-studio"},"next":{"title":"Create REST API requests manually in Katalon Studio","permalink":"/katalon-studio/test-objects/api-test-objects/rest-request/create-rest-api-requests-manually-in-katalon-studio"}}');var n=t(74848),r=t(28453),i=t(86025);const l={title:"RESTful Request"},o=void 0,c={},d=[{value:'<a class="anchor_top_offset"></a>Create a RESTful request',id:"create-a-restful-request",level:2},{value:'<a class="anchor_top_offset"></a>Configure RESTful request',id:"configure-restful-request",level:2},{value:"Request methods and URL",id:"request-methods-and-url",level:3},{value:"Query parameters",id:"query-parameters",level:3},{value:"Authorization tab",id:"authorization-tab",level:3},{value:"Request Header tab",id:"request-header-tab",level:3},{value:"Request Body tab",id:"request-body-tab",level:3},{value:"Validation tab",id:"validation-tab",level:3},{value:"Verifications tab",id:"verifications-tab",level:3},{value:"Variables tab",id:"variables-tab",level:3},{value:"Configuration tab",id:"configuration-tab",level:3},{value:'<a class="anchor_top_offset"></a>Response',id:"response",level:2},{value:"Response body",id:"response-body",level:3},{value:"Response header",id:"response-header",level:3},{value:"Verification log",id:"verification-log",level:3}];function h(e){const s={a:"a",h2:"h2",h3:"h3",...(0,r.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:"Katalon Studio supports sending RESTful requests with parameters, body data, and authorization details needed. When sending a request, you can receive a response from the API server for examination and troubleshooting."}),"\n",(0,n.jsxs)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:["This page guides you on how to create and configure a RESTful request in ",(0,n.jsx)("span",{className:"ph",children:"Katalon Studio"}),"."]}),"\n",(0,n.jsxs)(s.h2,{id:"create-a-restful-request",children:[(0,n.jsx)("a",{id:"task-3342",class:"anchor_top_offset"}),"Create a RESTful request"]}),"\n",(0,n.jsxs)("ol",{xmlns:"http://www.w3.org/1999/xhtml",className:"ol steps",children:[(0,n.jsx)("li",{className:"li step stepexpand",children:(0,n.jsxs)("span",{className:"ph cmd",children:["In the ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Tests Explorer"})," panel, select ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Object Repository"})," > ",(0,n.jsx)("span",{className:"ph uicontrol",children:"New"})," > ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Web Service         Request"}),"."]})}),(0,n.jsxs)("li",{className:"li step stepexpand",children:[(0,n.jsxs)("span",{className:"ph cmd",children:["In the ",(0,n.jsx)("span",{className:"ph uicontrol",children:"New Web Service         Request"})," dialog, give the request a name, select ",(0,n.jsx)("span",{className:"ph uicontrol",children:"RESTful"})," for the ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Request Type"}),"; and set the request URL."]}),(0,n.jsxs)("div",{className:"itemgroup info",children:[(0,n.jsx)("img",{className:"image",src:(0,i.Ay)("https://github.com/katalon-studio/docs-images/raw/master/katalon-studio/docs/restful-web-services/KS-RESTFUL-Create-a-new-object.png"),width:500,alt:"Create a new web service request"}),(0,n.jsx)("br",{}),(0,n.jsx)("br",{})]})]}),(0,n.jsx)("li",{className:"li step stepexpand",children:(0,n.jsx)("span",{className:"ph cmd",children:"Click OK."})})]}),"\n",(0,n.jsx)("section",{xmlns:"http://www.w3.org/1999/xhtml",className:"section result",children:"You have a newly created RESTful request. Go to the next section to learn about the components of a RESTful request."}),"\n",(0,n.jsxs)(s.h2,{id:"configure-restful-request",children:[(0,n.jsx)("a",{id:"id_2",class:"anchor_top_offset"}),"Configure RESTful request"]}),"\n",(0,n.jsx)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:"After you have created a request, double-click on the request to open it in the editor view."}),"\n",(0,n.jsx)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:(0,n.jsx)("img",{className:"image",width:600,src:(0,i.Ay)("/64c5cf6d-0056-4da7-82d3-b526c9b412f7/restful-request-editor.png")})}),"\n",(0,n.jsx)(s.h3,{id:"request-methods-and-url",children:"Request methods and URL"}),"\n",(0,n.jsx)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:(0,n.jsx)("img",{className:"image",width:600,src:(0,i.Ay)("/c1ee4c29-e02c-448

10-bcbc-344fca5442a7/ks-request-method-url.png")})}),"\n",(0,n.jsxs)("div",{xmlns:"http://www.w3.org/1999/xhtml",className:"sectiondiv",children:[(0,n.jsx)("strong",{className:"ph b",children:"Request method"}),(0,n.jsxs)("p",{className:"p",children:["The request method indicates the expected action to be executed on the specified resource. Katalon Studio supports the following RESTful request methods: GET, POST, PUT, DELETE, PATCH, HEAD, CONNECT, OPTIONS, and TRACE. The method needs to match the API endpoint to be a valid request. You can refer to this guide for more details on each method: ",(0,n.jsx)("a",{className:"xref j-external-link",href:"https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods",target:"_blank",children:"HTTP Methods"}),"."]}),(0,n.jsx)("p",{className:"p",children:"By default, a newly created RESTful request uses the GET method. Click the drop-down menu next to GET to select a different method."}),(0,n.jsxs)("p",{className:"p",children:["For KSE users, you can add custom method to the project by clicking ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Customize API methods"})," to open the ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Project Settings"})," dialog, then click ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Add"}),"."]}),(0,n.jsx)("p",{className:"p",children:(0,n.jsx)("img",{className:"image",width:650,src:(0,i.Ay)("/4a91ec91-fd46-4e37-81c0-7165e61a4491/ks-custom-api-method.png")})})]}),"\n",(0,n.jsxs)("div",{xmlns:"http://www.w3.org/1999/xhtml",className:"sectiondiv",children:[(0,n.jsx)("strong",{className:"ph b",children:"Request URL"}),(0,n.jsxs)("p",{className:"p",children:["You need to specify a URL indicating the service endpoint of each request. Request URL tells the web server which API is utilized under test. Any mismatch between method and URL leads to an invalid request exception at runtime or a wrong data response. For example, the URL ",(0,n.jsx)("code",{className:"ph codeph",children:(0,n.jsx)(s.a,{href:"https://petstore.swagger.io/v2/pet/findByStatus?status=$%7B'%7B'%7Dstatus%7B'%7D'%7D",children:"https://petstore.swagger.io/v2/pet/findByStatus?status=${'{'}status{'}'}"})})," is registered for the RESTful request we've created. In URLs, you can use variables to update the ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Query Parameters"})," table flexibly."]})]}),"\n",(0,n.jsx)(s.h3,{id:"query-parameters",children:"Query parameters"}),"\n",(0,n.jsx)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:(0,n.jsx)("img",{className:"image",width:650,src:(0,i.Ay)("/c46f5b57-eecd-41de-a7a1-0f3482a4013a/restful-request-query-param.png")})}),"\n",(0,n.jsxs)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:["Query parameters are parameters added to the end of the URL to tailor and filter the response output. When you input a URL, Katalon Studio detects the query parameters after the question mark ",(0,n.jsx)("code",{className:"ph codeph",children:"?"})," and list them in the table. You can also manually ",(0,n.jsx)("span",{className:"ph uicontrol",children:"+ Add"})," the parameters in the table and the URL is updated accordingly. "]}),"\n",(0,n.jsx)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:"Katalon Studio encodes special characters in query parameters before sending requests."}),"\n",(0,n.jsxs)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:["To learn more about ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Query Parameters"}),", see: ",(0,n.jsx)("a",{className:"xref",href:"/katalon-studio/test-objects/api-test-objects/rest-request/parameterize-a-web-service-object",children:"Parameterize a Web Service Object"}),"."]}),"\n",(0,n.jsx)(s.h3,{id:"authorization-tab",children:"Authorization tab"}),"\n",(0,n.jsx)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:(0,n.jsx)("img",{className:"image",width:650,src:(0,i.Ay)("/9131a938-fe20-43a0-a719-e5be2d46

1d461/ks-request-authorization.png")})}),"\n",(0,n.jsxs)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:["By default, a newly created RESTful request is set with ",(0,n.jsx)("span",{className:"ph uicontrol",children:"No Authorization"}),". You can select from the supported authorization types to verify if the client is permitted to send the request, and to perform the endpoint operation."]}),"\n",(0,n.jsxs)("div",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:["For more details on using each type of authorization, see:",(0,n.jsxs)("ul",{className:"ul",children:[(0,n.jsx)("li",{className:"li",children:(0,n.jsx)("a",{className:"xref",href:"/katalon-studio/test-objects/api-test-objects/authorization/bearer-authentication-in-katalon-studio",children:"Bearer"})}),(0,n.jsx)("li",{className:"li",children:(0,n.jsx)("a",{className:"xref",href:"/katalon-studio/test-objects/api-test-objects/authorization/basic-authentication-in-katalon-studio",children:"Basic"})}),(0,n.jsx)("li",{className:"li",children:(0,n.jsx)("a",{className:"xref",href:"/katalon-studio/test-objects/api-test-objects/authorization/authorization-oauth-1.0-in-katalon-studio",children:"OAuth 1.0"})}),(0,n.jsx)("li",{className:"li",children:(0,n.jsx)("a",{className:"xref",href:"/katalon-studio/test-objects/api-test-objects/authorization/authorization-oauth-2.0-in-katalon-studio",children:"OAuth 2.0"})}),(0,n.jsx)("li",{className:"li",children:(0,n.jsx)("a",{className:"xref",href:"/katalon-studio/test-objects/api-test-objects/authorization/ntlm-authentication-in-katalon-studio",children:"NTLM"})})]})]}),"\n",(0,n.jsx)(s.h3,{id:"request-header-tab",children:"Request Header tab"}),"\n",(0,n.jsx)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:(0,n.jsx)("img",{className:"image",width:650,src:(0,i.Ay)("/4d95700d-06f1-4ab6-869d-f2ae93c98585/ks-request-header.png")})}),"\n",(0,n.jsxs)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:["You can configure the header information needed for sending the RESTful request object. By default, the ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Content-Type"})," value is generated automatically based on the HTTP Body. You can also select headers from the list of suggested options (by double-clicking on the ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Name"})," cell) or enter another header. Refer to ",(0,n.jsx)("a",{className:"xref j-external-link",href:"https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers",target:"_blank",children:"Supported HTTP Headers"})," for more details."]}),"\n",(0,n.jsx)(s.h3,{id:"request-body-tab",children:"Request Body tab"}),"\n",(0,n.jsxs)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:["By default, Katalon Studio selects ",(0,n.jsx)("span",{className:"ph uicontrol",children:"none"})," for HTTP body. If you need to send a body with your request, choose among these data types: text, x-www-form-urlencoded, form-data, file, and GraphQL."]}),"\n",(0,n.jsxs)("ul",{xmlns:"http://www.w3.org/1999/xhtml",className:"ul",children:[(0,n.jsxs)("li",{className:"li",children:[(0,n.jsxs)("p",{className:"p",children:[(0,n.jsx)("span",{className:"ph uicontrol",children:"Text"}),": With this type, the supported formats include Text, JSON, XML, HTML, and Javascript. You can check ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Auto update Content Type"})," to automatically generate a HTTP header."]}),(0,n.jsx)("p",{className:"p",children:(0,n.jsx)("img",{className:"image",width:650,src:(0,i.Ay)("/5b02d212-c47b-4542-a5e6-41ded17a6c82/request-body-text.png")})})]}),(0,n.jsx)("li",{className:"li",children:(0,n.jsxs)("p",{className:"p",children:[(0,n.jsx)("span",{className:"ph uicontrol",children:"x-www-form-urlencoded"}),": Enter your key-value pairs accordingly to the ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Name"})," and ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Value"})," columns to encode with the request before sending."]})}),(0,n.jsx)("li",{className:"li",children:(0,n.jsxs)("p",{className:"p",children:[(0,n.jsx)("span",{className:"ph uicontrol",children:"Form-data"}),": This data type allows you to send data to APIs as ",(0,n.jsx)("code",{className:"ph codeph",children:"multipart/form-data"}),", and attach files to your request. You can specify the content type in the form-data body.",(0,n.jsx)("img",{className:"image",width:650,src:(0,i.Ay)("/1459d610-d0df-4682-9e6b-99b534f46e94/request-body-form-data.png")})]})}),(0,n.jsx)("li",{className:"li",children:(0,n.jsxs)("p",{className:"p",children:[(0,n.jsx)("span",{className:"ph uicontrol",children:"file"}),": Select the file you want to send with the request."]})}),(0,n.jsx)("li",{className:"li",children:(0,n.jsxs)("p",{className:"p",children:[(0,n.jsx)("span",{className:"ph uicontrol",children:"GraphQL"}

1),": Enter your code in the ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Query"})," pane and any variables in the ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Query Variables"})," pane."]})})]}),"\n",(0,n.jsx)(s.h3,{id:"validation-tab",children:"Validation tab"}),"\n",(0,n.jsxs)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:["You can validate against schemas to assert whether a request or a response follows the associated schema definition and make sure that APIs are working as expected. For more details, refer to ",(0,n.jsx)("a",{className:"xref",href:"/katalon-studio/test-objects/api-test-objects/schema-compliance-testing-in-katalon-studio",children:"Validate against a schema in the web service request"}),"."]}),"\n",(0,n.jsx)(s.h3,{id:"verifications-tab",children:"Verifications tab"}),"\n",(0,n.jsxs)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:["You can write verification scripts directly in the ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Verification"})," tab of the web service object. To learn more about the verification snippets, you can refer to this document: ",(0,n.jsx)("a",{className:"xref",href:"/katalon-studio/test-objects/api-test-objects/verification-snippets-in-katalon-studio",children:"Verification snippets"}),"."]}),"\n",(0,n.jsx)(s.h3,{id:"variables-tab",children:"Variables tab"}),"\n",(0,n.jsx)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:(0,n.jsx)("img",{className:"image",width:650,src:(0,i.Ay)("/37b87176-5ae9-4ae9-9f27-1894bccf8703/ks-restful-request-variables.png")})}),"\n",(0,n.jsxs)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:["To use variables in a request, you define them in the ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Variables"})," tab or the ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Variables Editor"})," tab."]}),"\n",(0,n.jsx)(s.h3,{id:"configuration-tab",children:"Configuration tab"}),"\n",(0,n.jsxs)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:["The ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Follow redirects"})," option allows you to automatically make a new request when the server responds with a 3xx status. You can disable this option to prevent automatically redirecting such requests that return a 3xx series response, you can examine and manage the redirection manually. "]}),"\n",(0,n.jsxs)(s.h2,{id:"response",children:[(0,n.jsx)("a",{id:"id_9",class:"anchor_top_offset"}),"Response"]}),"\n",(0,n.jsxs)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:["After you send a request, Katalon Studio supports displaying its response in the ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Response"})," tab. A service response comprises Status, Elapsed time, and Size fields; Body section, Header, and Verification Log."]}),"\n",(0,n.jsxs)("ul",{xmlns:"http://www.w3.org/1999/xhtml",className:"ul",children:[(0,n.jsxs)("li",{className:"li",children:[" ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Status"}),": The status code of the response"]}),(0,n.jsxs)("li",{className:"li",children:[" ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Elapsed"}),": The total time that starts from the request is sent until Katalon Studio receives the last byte of the response"]}),(0,n.jsxs)("li",{className:"li",children:[" ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Size"}),": Size of the response package"]})]}),"\n",(0,n.jsxs)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:[(0,n.jsx)("img",{className:"image",width:"500",src:"https://tw-cdn.katalon.com/katalon-studio/test-objects/api-test-objects/pretty_response_restful.png",alt:"response tab in RESTful"}),(0,n.jsx)("br",{}),(0,n.jsx)("br",{})]}),"\n",(0,n.jsx)(s.h3,{id:"response-body",children:"Response body"}),"\n",(0,n.jsx)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:"Katalon can read a service response in JSON, XML, HTML, and JavaScript. The response body can be displayed in three formats: pretty, raw, and preview."}),"\n",(0,n.jsxs)("ul",{xmlns:"http://www.w3.org/1999/xhtml",className:"ul",children:[(0,n.jsx)("li",{className:"li",children:(0,n.jsxs)("p",{className:"p",children:[(0,n.jsx)("span",{className:"ph uicontrol",children:"pretty"}),": Response is displayed in a pretty format which is easier to read ",(0,n.jsx)("img",{className:"image",width:"500",src:"https://tw-cdn.katalon.com/katalon-studio/test-objects/api-test-objects/pretty_response_restful.png",alt:"pretty mode response in RESTful"}),(0,n.jsx)("br",{}),(0,n.jsx)("br",{})]})}),(0,n.jsx)("li",{className:"li",children:(0,n.jsxs)("p",{className:"p",children:[(0,n.jsx)("span",{className:"ph uicontrol",children:"raw"}),": Response is displayed in the raw text without any format ",(0,n.jsx)("img",{className:"image",width:"500",src:"https://tw-cdn.katalon.com/katalon-studio/test-objects/api-test-objects/raw_response_restful.png",alt:"raw mode  response in RESTful"}),(0,n.jsx)("br",{}),(0,n.jsx)("br",{})]})}),(0,n.jsx)("li",{className:"li",children:(0,n.jsxs)("p",{className:"p",children:[(0,n.jsx)("span",{className:"ph uicontrol",children:"preview"}),": Response is displayed as visualized (for example, if a Response is from loading a specific webpage, it is displayed as the screenshot below) ",(0,n.jsx)("img",{className:"image",src:"https://tw-cdn.katalon.com/katalon-studio/test-objects/api-test-objects/preview_response_body_restful.png",alt:"Preview mode  response in RESTful"}),(0,n.jsx)("br",{}),(0,n.jsx)("br",{})]})})]}),"\n",(0,n.jsx)(s.h3,{id:"response-header",children:"Response header"}),"\n",(0,n.jsxs)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:["The response's header is displayed in the ",(0,n.jsx)("span",{className:"ph uicontrol",children:"Header"})," tab and can be viewed in two formats: pretty and raw."]}),"\n",(0,n.jsxs)("ul",{xmlns:"http://www.w3.org/1999/xhtml",className:"ul",children:[(0,n.jsx)("li",{className:"li",children:(0,n.jsxs)("p",{className:"p",children:[(0,n.jsx)("span",{className:"ph uicontrol",children:"pretty"}),": The response is displayed in the Pretty format, which presents the data in an easy-to-read, table-like view. ",(0,n.jsx)("img",{src:"https://tw-cdn.katalon.com/katalon-studio/test-objects/api-test-objects/restful_pretty_response_header.png",alt:"Pretty response header in API testing",width:"500"}),(0,n.jsx)("br",{}),(0,n.jsx)("br",{})]})}),(0,n.jsx)("li",{className:"li",children:(0,n.jsxs)("p",{className:"p",children:[(0,n.jsx)("span",{className:"ph uicontrol",children:"raw"}),": Response is displayed in the raw text without any format ",(0,n.jsx)("img",{src:"https://tw-cdn.katalon.com/katalon-studio/test-objects/api-test-objects/restful_raw_response_header.png",alt:"raw response header in API testing",width:"500"}),(0,n.jsx)("br",{}),(0,n.jsx)("br",{})]})})]}),"\n",(0,n.jsx)(s.h3,{id:"verification-log",children:"Verification log"}),"\n",(0,n.jsx)("p",{xmlns:"http://www.w3.org/1999/xhtml",className:"p",children:"This tab displays the verification results after the request is tested and verified."})]})}function p(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(h,{...e})}):h(e)}},28453:(e,s,t)=>{t.d(s,{R:()=>i,x:()=>l});var a=t(96540);const n={},r=a.createContext(n);function i(e){const s=a.useContext(r);return a.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:i(e.components),a.createElement(r.Provider,{value:s},e.children)}}}]);