• [プレビュー] タブには、コンポーネントプロパティで設定された選択肢に従ってリアルタイムデータが表示されます。
• プレイブック取り込みコンポーネントインスタンスに関連するコンポーネントプロパティの説明については、「 プレイブック取り込みのコンポーネントプロパティ」を参照してください。

import { init, login, logout, startGuestSession } from 'https://demo.servicenow.com/uxasset/externals/sn_embeddable_core/index.jsdbx';

await init({
    theme: 'fad87d2ca304121029a4d1aed31e610f',  /* sys_id of the theme to use for the embeddable components in your website */
    baseURL: 'https://demo.servicenow.com', /* Base URL of the instance to be used for the embeddable components in your website */
    authCallback: getTokenCallBack, /* Function which returns the auth token for the current user, required for auth setup */
    module: '591800ffc1243610f87714367ed47c6a', /* Demo module */
    pageName: document.title, /* Uses the browser's document title as the page name in User analytics experience */
    guestTokenCallback: getGuestJWTTokenCallBack, /* Function which returns the guest token for the current user, required for guest validation setup */
    cacheComponents: [] /* Pre-caches resources for improved performance. Update component list as per your usage */
});

function getTokenCallBack() {
    var idToken; /* Get the id token for the current user */
    return Promise.resolve(idToken);
}

function getGuestJWTTokenCallBack() {
    var guestToken; /* Get the guest token for the current user */
    return Promise.resolve(guestToken);
}

/* Uncomment below function to handle guest session */
// await startGuestSession();

/* Uncomment below functions to handle login and logout once the user logs into your website */
// await login();
// await logout();

<!--  
    Module: Demo module
    Group: Group 1
    Instance: Playbook intake 1
-->
<sn-embedx-playbook-intake
	table="sn_onboarding_case"
	sys-id="-1"
	playbook-title="Create case with playbook"
	stage-orientation="horizontal"
	max-visible-stages="5"
	activity-view-mode="focused"
	playbook-experience="0d71033773f220109edbc1f52ff6a741"
	record-generator="494435eb53a231103466ddeeff7b12e0"
	confirmation-text="Case submitted successfully!"
	confirmation-sub-text="Estimated resolution in 24 hours"
	reference-number-label="Reference Number :"
	primary-button-label="View details"
	secondary-button-label="Browse services">
</sn-embedx-playbook-intake>
<!--
 The component also includes the following additional properties:
 hide-stages
 hide-errors
 hide-reference-number
 hide-primary-button
 hide-secondary-button
 hide-record-created-confirmation
 prefill-fields
-->

<script type="module">
	import { getEmbeddables, setEvents, setProperties } from 'https://demo.servicenow.com/uxasset/externals/sn_embeddable_core/index.jsdbx';
	
	const snEmbedxPlaybookIntake = document.querySelector('sn-embedx-playbook-intake');

	/* Uncomment this code for the default behaviour of the Playbook intake component.

	// Get the table, playbook title, record generator and pre-fill fields from the current URL
	const currentURL = new URL(window.location.href);
	const urlParams = new URLSearchParams(currentURL.search);
	const tableName = urlParams.get('emb_table');
	const playbookTitle = urlParams.get('emb_playbook_title');
	const recordGenerator = urlParams.get('emb_record_generator');
	const prefillFields = urlParams.get('emb_prefill_fields');

	// Update the properties of the componentProperties object
	setProperties(snEmbedxPlaybookIntake,{table: tableName,recordGenerator:recordGenerator,playbookTitle:playbookTitle,prefillFields:prefillFields});
	*/

	getEmbeddables(["sn-embedx-playbook-intake"]);

	const eventHandlers = {
		'SN_EMBEDX_PLAYBOOK_INTAKE#COMPONENT_READY' : (e) => {
			// This event is dispatched when a component is ready and usable.
		},
		'SN_EMBEDX_PLAYBOOK_INTAKE#COMPONENT_ERROR' : (e) => {
			// This event is dispatched when a property validation or internal error occurs.
			var {errorType, errorMessage} = e.detail.payload;
			console.log(errorType, errorMessage);
		},
		'SN_EMBEDX_PLAYBOOK_INTAKE#RECORD_CREATION_SUCCEEDED' : (e) => {
			// Dispatched when a record is created by a Record Generator Playbook.
			var {table, sysId, number, playbook_experience_id, hide_record_creation} = e.detail.payload;
			if(hide_record_creation){
				var primaryURL =  '/caseview'; // Replace with the URL of the case view page

				// Construct the URL for the Case View component with URL parameters
				const caseViewURL = primaryURL + '?emb_table=' + table + '&emb_recordid=' + sysId + (playbook_experience_id === '98e09a560f2200102920c912d4767e1a' ? '' : '&emb_playbook_experience=' + playbook_experience_id);
				open(caseViewURL,'_self'); // Open case record when record created confirmation is hidden
			}
		},
		'SN_EMBEDX_PLAYBOOK_INTAKE#PRIMARY_BUTTON_CLICKED' : (e) => {
			// This event is dispatched when primary button is clicked on the record created confirmation page.
			var {table, record_sys_id, playbook_experience_id} = e.detail.payload;
			var primaryURL =  '/caseview'; // Replace with the URL of the case view page

			// Construct the URL for the Case View component with URL parameters
			const caseViewURL = primaryURL + '?emb_table=' + table + '&emb_recordid=' + record_sys_id + (playbook_experience_id === '98e09a560f2200102920c912d4767e1a' ? '' : '&emb_playbook_experience=' + playbook_experience_id);
			open(caseViewURL,'_self'); // Open case record when primary button is clicked
			
		},
		'SN_EMBEDX_PLAYBOOK_INTAKE#SECONDARY_BUTTON_CLICKED' : (e) => {
			// This event is dispatched when secondary button is clicked on the record created confirmation page.
			var {table, record_sys_id} = e.detail.payload;
			var secondaryURL =  '/browse'; // Replace with the URL of the secondary page

			// Open the Case View component in the same tab
			open(secondaryURL,'_self');
			
		}
	};

	setEvents(snEmbedxPlaybookIntake, eventHandlers);
</script>