@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/setup-assistant/base/example.jsx.js

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t={0:function(e,t,n){n.d(t,{CheckboxToggle:function(){return p}});var r=n(1594),s=n.n(r),i=n(942),l=n.n(i),a=n(806),o=function(e){return s().createElement("div",{className:l()("slds-form-element",e.className)},e.children)},c=function(e){return s().createElement("label",{className:l()("slds-checkbox_toggle slds-grid",e.className),htmlFor:e.id},e.children)},u=function(e){return s().createElement("span",{className:l()("slds-form-element__label","slds-m-bottom_none",{"slds-assistive-text":e.isBare})},e.children)},m=function(e){return s().createElement("input",{name:e.uniqueId,value:e.uniqueId,type:"checkbox",role:"switch",disabled:e.disabled,defaultChecked:e.checked,"aria-describedby":e.uniqueId})},d=function(e){return s().createElement("span",{id:e.uniqueId,className:l()("slds-checkbox_faux_container",e.className)},s().createElement("span",{className:"slds-checkbox_faux"}),s().createElement("span",{className:l()("slds-checkbox_on",e.className)},e.labelTextOn||"Enabled"),s().createElement("span",{className:l()("slds-checkbox_off",e.className)},e.labelTextOff||"Disabled"))},p=function(e){var t=a.Ay.uniqueId("checkbox-toggle-");return s().createElement(o,null,s().createElement(c,null,s().createElement(u,{isBare:e.isBare},e.title||"Toggle Label"),s().createElement(m,{uniqueId:t,checked:e.checked,disabled:e.disabled}),s().createElement(d,{uniqueId:t,labelTextOn:e.labelTextOn,labelTextOff:e.labelTextOff})))}},422:function(e,t,n){n.d(t,{SummaryDetail:function(){return c},SummaryDetailAction:function(){return d},SummaryDetailContent:function(){return u},SummaryDetailTitle:function(){return m}});var r=n(1594),s=n.n(r),i=n(942),l=n.n(i),a=n(9382),o=n(6955),c=function(e){return s().createElement("div",{className:l()("slds-summary-detail",e.className)},e.children)},u=function(e){return s().createElement("div",{hidden:!e.isOpen,className:l()("slds-summary-detail__content",e.className),id:e.referenceId},e.children)},m=function(e){return s().createElement("div",{className:l()("slds-summary-detail__title",e.className)},e.children)},d=function(e){return s().createElement(o.A,{className:l()("slds-m-right_x-small",e.className),iconClassName:"slds-summary-detail__action-icon",symbol:"switch",title:"Toggle details for ".concat(e.summaryTitle),assistiveText:"Toggle details for ".concat(e.summaryTitle),"aria-controls":e.referenceId,"aria-expanded":e.isOpen?"true":"false"})};a.Ex,a.Ex},745:function(e,t,n){n.d(t,{ScopedNotificationThemed:function(){return u}});var r=n(1594),s=n.n(r),i=n(4187),l=n.n(i),a=n(538),o=n(942),c=n.n(o);l().oneOf(["info","success","warning","error"]),l().node;var u=function(e){var t=e.children,n=e.theme;return s().createElement("div",{className:c()("slds-scoped-notification slds-media slds-media_center",e.theme&&"slds-scoped-notification_"+e.theme),role:"status"},s().createElement("div",{className:"slds-media__figure"},s().createElement(a.UtilityIcon,{title:"information",className:c()("slds-icon_small",n&&"light"===n&&"slds-icon-text-default"),assistiveText:"information",symbol:"info"})),s().createElement("div",{className:"slds-media__body"},t))};u.propTypes={children:l().node,theme:l().oneOf(["light","dark"])}},1594:function(e){e.exports=React},2870:function(e,t,n){n.d(t,{Progress:function(){return o},Step:function(){return c}});var r=n(1594),s=n.n(r),i=n(942),l=n.n(i),a=n(538),o=function(e){var t=e.hasSuccessBar,n=e.className,r=e.style,i=e.hasBorders,a=e.value,o=void 0===a?0:a;return s().createElement("div",{className:l()("slds-progress slds-progress_vertical",{"slds-progress_success":t},n),style:r},s().createElement("ol",{className:l()("slds-progress__list",{"slds-progress__list-bordered":i})},e.children),s().createElement("div",{"aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":o,"aria-labelledby":e["aria-labelledby"],role:"progressbar"},s().createElement("span",{className:"slds-assistive-text",id:e["aria-labelledby"]},"Progress: ","".concat(o,"%"))))},c=function(e){var t=e.className,n=e.active,r=e.done,i=e.error,o=e.hasSuccessMarker;return s().createElement("li",{className:l()("slds-progress__item",t,n?"slds-is-active":null,r?"slds-is-completed":null,i?"slds-has-error":null)},r||i?s().createElement(a.UtilityIcon,{className:"slds-icon_xx-small",containerClassName:l()("slds-progress__marker","slds-progress__marker_icon",{"slds-progress__marker_icon-success":r&&o}),symbol:r?"success":"error","aria-describedby":e["aria-describedby"],assistiveText:r?"Complete":"Error",title:r?"Complete":"Error"}):s().createElement("div",{className:"slds-progress__marker","aria-describedby":e["aria-describedby"]},n&&s().createElement("span",{className:"slds-assistive-text"},"Active")),s().createElement("div",{className:"slds-progress__item_content slds-grid slds-grid_align-spread"},e.children))}},4261:function(e,t,n){n.r(t),n.d(t,{default:function(){return U},examples:function(){return V},states:function(){return R}});var r=n(1594),s=n.n(r),i=n(942),l=n.n(i),a=n(806),o=n(422),c=n(4187),u=n.n(c),m=n(538),d=n(9825),p=n(0),f=n(1314);function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function y(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,g(r.key),r)}}function g(e){var t=function(e){if("object"!=b(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==b(t)?t:t+""}function v(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(v=function(){return!!e})()}function E(e){return E=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},E(e)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}var _=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t,n){return t=E(t),function(e,t){if(t&&("object"==b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,v()?Reflect.construct(t,n||[],E(e).constructor):t.apply(e,n))}(this,t,arguments)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(t,e),n=t,r=[{key:"render",value:function(){var e=this.props,t=e.title,n=e.description,r=e.action,i=e.duration,a=e.stepProgress,o=e.isActiveStep,c=e.referenceId,u=e.isOpen,b=r&&("button"===r.type?s().createElement(d.Button,{isOutlineBrand:!0},r.title):"toggle"===r.type?s().createElement(p.CheckboxToggle,{title:r.title,isBare:!0,checked:r.checked,labelTextOn:"On",labelTextOff:"Off"}):s().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},r.title)),y=a&&(a.isComplete?s().createElement(f.A,{className:"slds-progress-ring_large",percent:100,isComplete:!0},s().createElement(m.UtilityIcon,{symbol:"check",title:"Complete",assistiveText:"Complete"})):s().createElement(f.A,{className:"slds-progress-ring_large",percent:o?a.percentage:0,isActiveStep:o,isFilling:!0},a.number)),g=s().createElement("div",{className:"slds-media"},s().createElement("div",{className:"slds-setup-assistant__step-summary-content slds-media__body"},s().createElement("h3",{className:"slds-setup-assistant__step-summary-title slds-text-heading_small"},c?s().createElement(d.Button,{className:"slds-button_reset","aria-controls":c,"aria-expanded":u?"true":"false"},t):t),s().createElement("p",null,n)),s().createElement("div",{className:"slds-media__figure slds-media__figure_reverse"},b,i&&s().createElement("p",{className:l()("slds-text-align_right","slds-text-color_weak",{"slds-p-top_medium":r})},i)));return s().createElement("div",{className:"slds-setup-assistant__step-summary"},a?s().createElement("div",{className:"slds-media"},s().createElement("div",{className:"slds-media__figure"},y),s().createElement("div",{className:"slds-media__body slds-m-top_x-small"},g)):g)}}],r&&y(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(s().Component);_.propTypes={title:u().string.isRequired,description:u().string.isRequired,action:u().object,duration:u().string,stepProgress:u().object,isActiveStep:u().bool},_.defaultProps={title:"Configure user settings for this org",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."};var O=_,x=n(2870),S=n(745);function N(e){return N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},N(e)}function P(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,T(r.key),r)}}function T(e){var t=function(e){if("object"!=N(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=N(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==N(t)?t:t+""}function k(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(k=function(){return!!e})()}function w(e){return w=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},w(e)}function C(e,t){return C=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},C(e,t)}var j=[{complete:!0,title:"Turn on Lightning for all users.",action:{type:"toggle",title:"Turn on Lightning for all users",checked:!0}},{active:!0,title:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",action:{type:"link",title:"View in Trailhead"}},{title:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"button",title:"Add Users"}}],A=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t,n){return t=w(t),function(e,t){if(t&&("object"==N(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,k()?Reflect.construct(t,n||[],w(e).constructor):t.apply(e,n))}(this,t,arguments)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&C(e,t)}(t,e),n=t,r=[{key:"render",value:function(){var e=l()("slds-setup-assistant__step-detail",this.props.className);return s().createElement("div",{className:e},s().createElement(x.Progress,{value:"50",hasBorders:!0,hasSuccessBar:!0},j.map(function(e,t){return s().createElement(x.Step,{key:"progress-step-".concat(t),done:e.complete,hasSuccessMarker:e.complete,active:e.active,assistiveText:e.title},s().createElement("div",{className:"slds-size_3-of-4"},e.title),s().createElement("div",{className:"slds-grid slds-grid_align-end slds-size_1-of-4"},(n=e.action)&&"button"===n.type?s().createElement(d.Button,{isOutlineBrand:!0},n.title):"toggle"===n.type?s().createElement(p.CheckboxToggle,{title:n.title,isBare:!0,checked:n.checked,labelTextOn:"On",labelTextOff:"Off"}):s().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},n.title)));var n})),s().createElement(S.ScopedNotificationThemed,{theme:"light"},s().createElement("p",null,"It looks as if duplicates exist for this lead."," ",s().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"View Duplicates"))))}}],r&&P(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(s().Component);A.propTypes={className:u().string};var D=A,B=(n(9087),[{title:"Add Users to Your Org",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"button",title:"Add Users"},duration:"4 mins",stepProgress:{isComplete:!0,number:"1"}},{title:"Create Profiles for Your Users",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"button",title:"Add Profiles"},stepProgress:{isComplete:!1,number:"2",percentage:33},isActiveStep:!0,isOpen:!0},{title:"Learn How to Use Profiles to Control Visibility",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"link",title:"View on Trailhead"},duration:"15 mins",stepProgress:{isComplete:!0,number:"3",percentage:"0"}},{title:"Turn On Tracking for Profiles",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"toggle",title:"Turn on tracking for profiles"},stepProgress:{isComplete:!1,number:"4",percentage:"0"}},{title:"Setup Einstein Visibility for Admins",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"link",title:"Watch Video"},stepProgress:{isComplete:!1,number:"5",percentage:"0"}}]),I=function(e){return s().createElement("li",{className:"slds-setup-assistant__item"},s().createElement("article",{className:"slds-setup-assistant__step"},e.children))},L=function(e){return s().createElement("ol",{className:"slds-setup-assistant"},e.children)},q=function(e){var t=e.isBase,n=e.stepsHaveProgress,r=e.stepsAreExpandable;return s().createElement(L,null,t&&function(e,t){return e.map(function(e,n){return s().createElement(I,{key:"base-step-".concat(e.title,"-").concat(t,"-").concat(n)},s().createElement(O,{title:e.title,stepProgress:t&&e.stepProgress,action:e.action,duration:e.duration}))})}(B,n),r&&B.map(function(e,t){return s().createElement(I,{key:"expand-step-".concat(e.title,"-").concat(t)},s().createElement(o.SummaryDetail,{className:l()({"slds-is-open":e.isOpen})},s().createElement(o.SummaryDetailAction,{className:"slds-m-top_x-small",referenceId:"step-".concat(t,"-summary-action"),isOpen:e.isOpen,summaryTitle:e.title}),s().createElement("div",{className:"slds-container_fluid"},s().createElement(o.SummaryDetailTitle,null,s().createElement(O,{title:e.title,isActiveStep:e.isActiveStep,stepProgress:e.stepProgress,duration:e.duration||"10 mins",referenceId:"step-".concat(t,"-summary-action"),isOpen:e.isOpen})),s().createElement(o.SummaryDetailContent,{referenceId:"step-".concat(t,"-summary-action"),isOpen:e.isOpen},s().createElement(D,null)))))}))},z=function(e){var t=e.isOpen,n=e.title,r=e.isActiveStep,i=e.stepProgress,c=e.duration,u=a.Ay.uniqueId("setup-assistant-step-"),m="".concat(u,"-action");return s().createElement(I,null,s().createElement(o.SummaryDetail,{className:l()({"slds-is-open":t})},s().createElement(o.SummaryDetailAction,{className:"slds-m-top_x-small",referenceId:m,isOpen:t,summaryTitle:n}),s().createElement("div",null,s().createElement(o.SummaryDetailTitle,null,s().createElement(O,{title:n,isActiveStep:r,stepProgress:i,duration:c||"10 mins",referenceId:m,isOpen:t})),s().createElement(o.SummaryDetailContent,{referenceId:m,isOpen:t},s().createElement(D,null)))))},U=[{id:"default",label:"Default",element:s().createElement(L,null,s().createElement(I,null,s().createElement(O,null)))}],R=[{id:"with-button-action",label:"With Button Action",element:s().createElement(L,null,s().createElement(I,null,s().createElement(O,{action:{type:"button",title:"Add Users"},duration:"5 min"})))},{id:"with-link-action",label:"With Link Action",element:s().createElement(L,null,s().createElement(I,null,s().createElement(O,{action:{type:"link",title:"View on Trailhead"}})))},{id:"with-toggle-action",label:"With Toggle Action",element:s().createElement(L,null,s().createElement(I,null,s().createElement(O,{action:{type:"toggle",title:"Configure user settings for this org"}})))},{id:"with-step-number",label:"With Step Number",element:s().createElement(L,null,s().createElement(I,null,s().createElement(O,{stepProgress:{isComplete:!1,number:"3"},action:{type:"button",title:"Add Users"},duration:"5 min"})))},{id:"completed",label:"Completed",element:s().createElement(L,null,s().createElement(I,null,s().createElement(O,{stepProgress:{isComplete:!0,number:"2"},action:{type:"link",title:"View on Trailhead"},duration:"10 min"})))},{id:"closed-expandable-step",label:"Closed Expandable Step",element:s().createElement(L,null,s().createElement(z,{title:"Configure user settings for this org",stepProgress:{isComplete:!1,number:"1"},duration:"5 min"}))},{id:"open-expandable-step",label:"Open Expandable Step",element:s().createElement(L,null,s().createElement(z,{title:"Configure user settings for this org",stepProgress:{isComplete:!1,number:"1"},duration:"5 min",isOpen:!0}))},{id:"open-in-progress-expandable-step",label:"Open, In Progress Expandable Step",element:s().createElement(L,null,s().createElement(z,{title:"Configure user settings for this org",stepProgress:{isComplete:!1,number:"1",percentage:33},duration:"5 min",isOpen:!0,isActiveStep:!0}))},{id:"open-expandable-step-completed",label:"Completed Open Expandable Step",element:s().createElement(L,null,s().createElement(z,{title:"Configure user settings for this org",stepProgress:{isComplete:!0,number:"1"},duration:"5 min",isOpen:!0}))}],V=[{id:"consecutive-base-steps",label:"Consecutive Base Steps",element:s().createElement(q,{isBase:!0})},{id:"consecutive-progress-steps",label:"Consecutive Progress Steps",element:s().createElement(q,{isBase:!0,stepsHaveProgress:!0})},{id:"consecutive-expandable-steps",label:"Consecutive Expandable Steps",element:s().createElement(q,{stepsAreExpandable:!0})}]},9087:function(e,t,n){n(1594),n(942),n(806);var r=n(4231);r.z,r.z,r.z,r.z,r.z,r.z,r.z,r.z,r.z,r.z,r.z,r.z}},n={};function r(e){var s=n[e];if(void 0!==s)return s.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.m=t,r.amdO={},e=[],r.O=function(t,n,s,i){if(!n){var l=1/0;for(u=0;u<e.length;u++){n=e[u][0],s=e[u][1],i=e[u][2];for(var a=!0,o=0;o<n.length;o++)(!1&i||l>=i)&&Object.keys(r.O).every(function(e){return r.O[e](n[o])})?n.splice(o--,1):(a=!1,i<l&&(l=i));if(a){e.splice(u--,1);var c=s();void 0!==c&&(t=c)}}return t}i=i||0;for(var u=e.length;u>0&&e[u-1][2]>i;u--)e[u]=e[u-1];e[u]=[n,s,i]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=4510,function(){var e={518:0,845:0,1117:0,1252:0,1578:0,1942:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4450:0,4510:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7359:0,7385:0,7508:0,8167:0,8458:0,9002:0};r.O.j=function(t){return 0===e[t]};var t=function(t,n){var s,i,l=n[0],a=n[1],o=n[2],c=0;if(l.some(function(t){return 0!==e[t]})){for(s in a)r.o(a,s)&&(r.m[s]=a[s]);if(o)var u=o(r)}for(t&&t(n);c<l.length;c++)i=l[c],r.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return r.O(u)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),r.nc=void 0;var s=r.O(void 0,[6790],function(){return r(4261)});s=r.O(s),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/setup-assistant/base/example.jsx.js"]=s}();