first load

templates/new_request_page.hbs

@@ -0,0 +1,54 @@
+<div class="container-divider"></div>
+<div class="container">
+  <div class="sub-nav">
+    {{breadcrumbs}}
+    <div class="search-container">
+      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12" class="search-icon" aria-hidden="true">
+        <circle cx="4.5" cy="4.5" r="4" fill="none" stroke="currentColor"/>
+        <path stroke="currentColor" stroke-linecap="round" d="M11 11L7.5 7.5"/>
+      </svg>
+      {{search submit=false}}
+    </div>
+  </div>
+
+  <h1>
+    {{t 'submit_a_request'}}
+  </h1>
+
+  <div id="main-content" class="form">
+    <div id="new-request-form"></div>
+  </div>
+</div>
+
+<script type="module">
+  import { renderNewRequestForm } from "new-request-form";
+
+  const container = document.getElementById("new-request-form");
+
+  const settings = {{json settings}};
+
+  const props = {
+    requestForm: {{json new_request_form}},
+    newRequestPath: {{json (page_path 'new_request')}},
+    parentId: {{json parent.id}},
+    parentIdPath: {{json parent.url}},
+    locale: {{json help_center.locale}},
+    baseLocale: {{json help_center.base_locale}},
+    hasAtMentions: {{json help_center.at_mentions_enabled}},
+    userRole: {{json user.role}},
+    userId: {{json user.id}},
+    brandId: {{json brand.id}},
+    organizations: {{json user.organizations}},
+    wysiwyg: true,
+    answerBotModal: {
+      answerBot: {{json answer_bot}},
+      hasRequestManagement: {{json help_center.request_management_enabled}},
+      isSignedIn: {{json signed_in}},
+      helpCenterPath: {{json (page_path 'help_center')}},
+      requestsPath: {{json (page_path 'requests')}},
+      requestPath: {{json (page_path 'request' id=answer_bot.request_id)}}
+    },
+  };
+
+  renderNewRequestForm(settings, props, container);
+</script>