{"version":3,"sources":["webpack:///./src/components/tools-api-requests/screenshot-capture.tsx","webpack:///./src/pages/automation/create-screenshot/api-documentation.tsx"],"names":["ScreenshotCaptureAPI","className","id","href","no-index","ApiDocumentationTechStack","title","titleSmall","minHeight","items","to","name","active","subtitle"],"mappings":"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","file":"component---src-pages-automation-create-screenshot-api-documentation-tsx-4fddd2add6f6d734d011.js","sourcesContent":["import React from 'react';\nimport './styles.scss';\n\nconst ScreenshotCaptureAPI = () => {\n  return (\n    <div className=\"tools-api-container\">\n      <h4 className=\"my-4 info-title\" id=\"request-discover-tech-stack\">\n        To make a request for Screenshot capture result use this POST API.\n      </h4>\n      <h5>HTTP Request</h5>\n      <pre className=\"pre\">\n        <p>\n          <span className=\"btn-pre\">POST</span>{' '}\n          https://api.hexomatic.com/tool-api/screenshot-capture?key=&#123;YOUR_API_KEY&#125;\n        </p>\n      </pre>\n      <h5>Parameters</h5>\n      <table>\n        <thead>\n          <tr>\n            <th>Fields</th>\n            <th></th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr>\n            <td className=\"td-fill\">YOUR_API_KEY</td>\n            <td>\n              <p className=\"bold-text\">string</p>\n              <p className=\"normal-text\">\n                {' '}\n                to get YOUR_API_KEY visit hexomatic{' '}\n                <a className=\"info-title\" href=\"https://dash.hexomatic.com/settings\" no-index>\n                  settings{' '}\n                </a>\n                API/Webhook section and copy your key\n              </p>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <h5>Request Body</h5>\n      <table>\n        <thead>\n          <tr>\n            <th>Fields</th>\n            <th></th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr>\n            <td className=\"td-fill\">source</td>\n            <td>\n              <p className=\"bold-text\">string</p>\n              <p className=\"normal-text\">you should provide a source URL</p>\n            </td>\n          </tr>\n          <tr>\n            <td className=\"td-fill\">devices</td>\n            <td>\n              <p className=\"bold-text\">string[]</p>\n              <p className=\"normal-text\">you should provide array of devices</p>\n            </td>\n          </tr>\n          <tr>\n            <td className=\"td-fill\">delay</td>\n            <td>\n              <p className=\"bold-text\">number (optional)</p>\n              <p className=\"normal-text\">\n                The amount of time the tool waits before the screenshot capture. The default value is 5s.\n              </p>\n              <p className=\"normal-text\">Available values: 5, 10, 15, 30.</p>\n            </td>\n          </tr>\n          <tr>\n            <td className=\"td-fill\">adBlock </td>\n            <td>\n              <p className=\"bold-text\">boolean (optional)</p>\n              <p>If provided true the tool will block ads before capturing. The default value is false.</p>\n            </td>\n          </tr>\n          <tr>\n            <td className=\"td-fill\">height </td>\n            <td>\n              <p className=\"bold-text\">number (optional)</p>\n              <p className=\"normal-text\">\n                If not specified the tool will take a full screenshot. The height should be given in px.\n              </p>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <h5>Example</h5>\n      <pre className=\"pre\">\n        <p>{'{'}</p>\n        <p className=\"mgl-25\">\"source\": \"https://example.com\",</p>\n        <p className=\"mgl-25\">\n          \"devices\": [\"MOBILE_SMALL\", \"MOBILE_MEDIUM\", \"MOBILE_LARGE\", \"TABLET\", \"LAPTOP_SMALL\",\"LAPTOP_MEDIUM\",\n          \"LAPTOP_LARGE\",\"DESKTOP_4K\"],\n        </p>\n        <p className=\"mgl-25\">\"delay\": 5,</p>\n        <p className=\"mgl-25\">\"adBlock\": true,</p>\n        <p className=\"mgl-25\">\"height\": 1000</p>\n        <p>{'}'}</p>\n      </pre>\n      <h5>Response Body</h5>\n      <p>\n        if request is <strong className=\"info-title\">successful</strong> you will get\n      </p>\n      <div className=\"json-title-block\">\n        <span>JSON representation</span>\n      </div>\n      <pre className=\"pre\">\n        <p>{'{'}</p>\n        <p className=\"mgl-25\">\"taskId\": \"13f4b463-7e8a-429a-b62b-4afde618a154\"</p>\n        <p>{'}'}</p>\n      </pre>\n\n      <p>\n        if request is <strong className=\"danger-color\">not</strong> successful you will get\n      </p>\n      <div className=\"json-title-block\">\n        <span>JSON representation</span>\n      </div>\n      <pre className=\"pre\">\n        <p>{'{'}</p>\n        <p className=\"mgl-25\">\"statusCode\": 403,</p>\n        <p className=\"mgl-25\">\"message\": \"Forbidden\"</p>\n        <p>{'}'}</p>\n      </pre>\n\n      <h4 className=\"my-4 info-title\" id=\"get-discover-tech-stack\">\n        To get the result for Screenshot capture use this GET API.\n      </h4>\n      <h5>HTTP Request</h5>\n      <pre className=\"pre\">\n        <p>\n          <span className=\"btn-pre\">GET</span>{' '}\n          https://api.hexomatic.com/tool-api/result/&#123;TASK_ID&#125;?key=&#123;YOUR_API_KEY&#125;\n        </p>\n      </pre>\n      <h5>Parameters</h5>\n      <table>\n        <thead>\n          <tr>\n            <th>Fields</th>\n            <th></th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr>\n            <td className=\"td-fill\">YOUR_API_KEY</td>\n            <td>\n              <p className=\"bold-text\">string</p>\n              <p className=\"normal-text\">\n                {' '}\n                to get YOUR_API_KEY visit hexomatic{' '}\n                <a href=\"https://dash.hexomatic.com/settings\" no-index>\n                  settings\n                </a>{' '}\n                and API/Webhook section and copy your key\n              </p>\n            </td>\n          </tr>\n          <tr>\n            <td className=\"td-fill\">TASK_ID</td>\n            <td>\n              <p className=\"bold-text\">string</p>\n              <p className=\"normal-text\">\n                {' '}\n                if you did Screenshot capture POST request you must have received <strong>taskId</strong> that is valid\n                one month after making the POST request. You can try to make this GET request with apx 5 minutes\n                frequency after making the POST request for the tool.\n              </p>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <h5>Response Body</h5>\n      <p>if request is successful you will get</p>\n      <div className=\"json-title-block\">\n        <span>JSON representation</span>\n      </div>\n      <pre className=\"pre\">\n        <p>{'{'}</p>\n        <p className=\"mgl-25\">\"result\": {'{'}</p>\n        <p className=\"mgl-50\"> \"_device_screenshot_tablet\": {'['}</p>\n        <p className=\"mgl-75\">\n          \"https://storage.googleapis.com/hexomatic-screenshot/screenshot-device-53b1e84f660ad853aef58ba761d97dfe-1644392413132.png\"\n        </p>\n        <p className=\"mgl-50\">{' ]'}</p>\n        <p className=\"mgl-25\">{'}'}</p>\n        <p>{'}'}</p>\n      </pre>\n      <p>\n        if request is <strong className=\"danger-color\">not</strong> successful you will get\n      </p>\n      <div className=\"json-title-block\">\n        <span>JSON representation</span>\n      </div>\n      <pre className=\"pre\">\n        <p>{'{'}</p>\n        <p className=\"mgl-25\">\"statusCode\": 403,</p>\n        <p className=\"mgl-25\">\"message\": \"Forbidden\"</p>\n        <p>{'}'}</p>\n      </pre>\n    </div>\n  );\n};\n\nexport default ScreenshotCaptureAPI;\n","import React, {FC} from 'react';\nimport Section from '../../../components/section';\nimport {PageHero} from '../../../components/page-hero';\nimport Layout from '../../../components/layout/layout';\nimport Breadcrumb from '../../../components/breadcrumb';\nimport ScreenshotCaptureAPI from '../../../components/tools-api-requests/screenshot-capture';\n\nconst ApiDocumentationTechStack: FC = () => {\n  return (\n    <Layout>\n      <PageHero title=\"\" titleSmall minHeight id=\"seo_home_area_automations\">\n        <Breadcrumb\n          items={[\n            {\n              to: `/automations`,\n              name: 'Automations',\n              active: false,\n            },\n            {\n              to: `/automations/built-in-automations`,\n              name: 'Built-in automations',\n              active: false,\n            },\n            {\n              to: `/automations/research`,\n              name: 'Research',\n              active: false,\n            },\n            {\n              to: `/automation/create-screenshot/`,\n              name: 'Screenshot capture',\n              active: false,\n            },\n            {\n              to: `/automation/create-screenshot/api-documentation`,\n              name: 'API documentation',\n              active: true,\n            },\n          ]}\n        />\n      </PageHero>\n      <PageHero\n        title=\"Screenshot capture API documentation\"\n        subtitle=\"This page provides API documentation for Screenshot capture\"\n        titleSmall\n        minHeight\n        id=\"seo_home_area_automations\"\n      ></PageHero>\n      <Section>\n        <ScreenshotCaptureAPI />\n      </Section>\n    </Layout>\n  );\n};\n\nexport default ApiDocumentationTechStack;\n"],"sourceRoot":""}