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

Salesforce Lightning Design System

var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/setup-assistant/base/example.jsx.js"]=function(e){function t(t){for(var l,r,i=t[0],o=t[1],u=t[2],d=0,p=[];d<i.length;d++)r=i[d],n[r]&&p.push(n[r][0]),n[r]=0;for(l in o)Object.prototype.hasOwnProperty.call(o,l)&&(e[l]=o[l]);for(c&&c(t);p.length;)p.shift()();return a.push.apply(a,u||[]),s()}function s(){for(var e,t=0;t<a.length;t++){for(var s=a[t],l=!0,i=1;i<s.length;i++){var o=s[i];0!==n[o]&&(l=!1)}l&&(a.splice(t--,1),e=r(r.s=s[0]))}return e}var l={},n={21:0,7:0,8:0,15:0,16:0,22:0,32:0,38:0,42:0,45:0,54:0,58:0,59:0,63:0,64:0,67:0,71:0,75:0,77:0,80:0,84:0,87:0,88:0,93:0,99:0,100:0,104:0,106:0,114:0,117:0,118:0,122:0,124:0,125:0,126:0,127:0,128:0,129:0,133:0,138:0,144:0,152:0,163:0,167:0,170:0,171:0,178:0,181:0,182:0},a=[];function r(t){if(l[t])return l[t].exports;var s=l[t]={i:t,l:!1,exports:{}};return e[t].call(s.exports,s,s.exports,r),s.l=!0,s.exports}r.m=e,r.c=l,r.d=function(e,t,s){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:s})},r.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],o=i.push.bind(i);i.push=t,i=i.slice();for(var u=0;u<i.length;u++)t(i[u]);var c=o;return a.push([90,0]),s()}({0:function(e,t){e.exports=React},49:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var s=0;s<t.length;s++){var l=t[s];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,s,l){return s&&e(t.prototype,s),l&&e(t,l),t}}(),n=d(s(0)),a=d(s(1)),r=d(s(3)),i=s(8),o=s(55),u=s(160),c=s(155);function d(e){return e&&e.__esModule?e:{default:e}}var p=[{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"}}],m=function(e){return e.map(function(e,t){return n.default.createElement(u.Step,{key:"progress-step-"+t,done:e.complete,hasSuccessMarker:e.complete,active:e.active,assistiveText:e.title},n.default.createElement("div",{className:"slds-size_3-of-4"},e.title),n.default.createElement("div",{className:"slds-grid slds-grid_align-end slds-size_1-of-4"},function(e){return e&&"button"===e.type?n.default.createElement(i.Button,{isOutlineBrand:!0},e.title):"toggle"===e.type?n.default.createElement(o.CheckboxToggle,{title:e.title,isBare:!0,checked:e.checked}):n.default.createElement("a",{href:"javascript:void(0);"},e.title)}(e.action)))})},f=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){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,n.default.Component),l(t,[{key:"render",value:function(){var e=(0,a.default)("slds-setup-assistant__step-detail",this.props.className);return n.default.createElement("div",{className:e},n.default.createElement(u.Progress,{value:"50",hasBorders:!0,hasSuccessBar:!0},m(p)),n.default.createElement(c.ScopedNoti,{className:"slds-scoped-notification_light",iconClassName:"slds-icon-text-default"}))}}]),t}();f.propTypes={className:r.default.string},t.default=f},50:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var s=0;s<t.length;s++){var l=t[s];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,s,l){return s&&e(t.prototype,s),l&&e(t,l),t}}(),n=d(s(0)),a=d(s(1)),r=d(s(3)),i=s(6),o=s(8),u=s(55),c=d(s(70));function d(e){return e&&e.__esModule?e:{default:e}}var p=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){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,n.default.Component),l(t,[{key:"render",value:function(){var e=this.props,t=e.title,s=e.description,l=e.action,r=e.duration,d=e.stepProgress,p=e.isActiveStep,m=e.referenceId,f=e.isOpen,g=(0,a.default)("slds-media"),b=l&&("button"===l.type?n.default.createElement(o.Button,{isOutlineBrand:!0},l.title):"toggle"===l.type?n.default.createElement(u.CheckboxToggle,{title:l.title,isBare:!0,checked:l.checked}):n.default.createElement("a",{href:"javascript:void(0);"},l.title)),E=d&&(d.isComplete?n.default.createElement(c.default,{className:"slds-progress-ring_large",percent:100,isComplete:!0},n.default.createElement(i.UtilityIcon,{symbol:"check",title:"Complete",assistiveText:"Complete"})):n.default.createElement(c.default,{className:"slds-progress-ring_large",percent:p?d.percentage:0,isActiveStep:p,isFilling:!0},d.number)),h=n.default.createElement("div",{className:"slds-media"},n.default.createElement("div",{className:"slds-setup-assistant__step-summary-content slds-media__body"},n.default.createElement("h3",{className:"slds-setup-assistant__step-summary-title slds-text-heading_small"},m?n.default.createElement(o.Button,{className:"slds-button_reset","aria-controls":m,"aria-expanded":f?"true":"false"},t):t),n.default.createElement("p",null,s)),n.default.createElement("div",{className:"slds-media__figure slds-media__figure_reverse"},b,r&&n.default.createElement("p",{className:(0,a.default)("slds-text-align_right","slds-text-color_weak",{"slds-p-top_medium":l})},r)));return n.default.createElement("div",{className:"slds-setup-assistant__step-summary"},d?n.default.createElement("div",{className:g},n.default.createElement("div",{className:"slds-media__figure"},E),n.default.createElement("div",{className:"slds-media__body slds-m-top_x-small"},h)):h)}}]),t}();p.propTypes={title:r.default.string.isRequired,description:r.default.string.isRequired,action:r.default.object,duration:r.default.string,stepProgress:r.default.object,isActiveStep:r.default.bool},p.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."},t.default=p},89:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FullSetupAssistantCard=t.SetupAssistantList=t.SetupAssistantStep=void 0;var l=u(s(0)),n=u(s(1)),a=s(51),r=u(s(50)),i=u(s(49)),o=s(110);function u(e){return e&&e.__esModule?e:{default:e}}var c=[{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"}}],d=t.SetupAssistantStep=function(e){return l.default.createElement("li",{className:"slds-setup-assistant__item"},l.default.createElement("article",{className:"slds-setup-assistant__step",key:e.key},e.children))},p=t.SetupAssistantList=function(e){return l.default.createElement("ol",{className:"slds-setup-assistant"},e.children)};t.default=function(e){var t=e.isBase,s=e.stepsHaveProgress,o=e.stepsAreExpandable;return l.default.createElement(p,null,t&&function(e,t){return e.map(function(e,s){return l.default.createElement(d,{key:"base-step-"+e.title+"-"+t+"-"+s},l.default.createElement(r.default,{title:e.title,stepProgress:t&&e.stepProgress,action:e.action,duration:e.duration}))})}(c,s),o&&function(e){return e.map(function(e,t){return l.default.createElement(d,{key:"expand-step-"+e.title+"-"+t},l.default.createElement(a.SummaryDetail,{className:(0,n.default)({"slds-is-open":e.isOpen})},l.default.createElement(a.SummaryDetailAction,{className:"slds-m-top_x-small",referenceId:"step-"+t+"-summary-action",isOpen:e.isOpen,summaryTitle:e.title}),l.default.createElement("div",{className:"slds-container_fluid"},l.default.createElement(a.SummaryDetailTitle,null,l.default.createElement(r.default,{title:e.title,isActiveStep:e.isActiveStep,stepProgress:e.stepProgress,duration:e.duration||"10 mins",referenceId:"step-"+t+"-summary-action",isOpen:e.isOpen})),l.default.createElement(a.SummaryDetailContent,{referenceId:"step-"+t+"-summary-action",isOpen:e.isOpen},l.default.createElement(i.default,null)))))})}(c))};t.FullSetupAssistantCard=function(e){return l.default.createElement("section",{className:"slds-card"},l.default.createElement("header",{className:"slds-theme_shade slds-p-around_medium slds-m-bottom_small"},l.default.createElement(o.ProgressBarDescriptive,{barClassName:"slds-progress-bar_circular",label:"Complete all the steps below to finish setting up Einstein Visibility",value:"50",isSuccess:!0})),l.default.createElement(l.default.Fragment,null,e.children))}},90:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.states=void 0;var l=d(s(0)),n=d(s(1)),a=d(s(5)),r=s(51),i=d(s(50)),o=d(s(49)),u=s(89),c=d(u);function d(e){return e&&e.__esModule?e:{default:e}}var p=function(e){var t=e.isOpen,s=e.title,c=e.isActiveStep,d=e.stepProgress,p=e.duration,m=a.default.uniqueId("setup-assistant-step-")+"-action";return l.default.createElement(u.SetupAssistantStep,null,l.default.createElement(r.SummaryDetail,{className:(0,n.default)({"slds-is-open":t})},l.default.createElement(r.SummaryDetailAction,{className:"slds-m-top_x-small",referenceId:m,isOpen:t,summaryTitle:s}),l.default.createElement("div",null,l.default.createElement(r.SummaryDetailTitle,null,l.default.createElement(i.default,{title:s,isActiveStep:c,stepProgress:d,duration:p||"10 mins",referenceId:m,isOpen:t})),l.default.createElement(r.SummaryDetailContent,{referenceId:m,isOpen:t},l.default.createElement(o.default,null)))))};t.default=l.default.createElement(u.SetupAssistantList,null,l.default.createElement(u.SetupAssistantStep,null,l.default.createElement(i.default,null)));t.states=[{id:"with-button-action",label:"With Button Action",element:l.default.createElement(u.SetupAssistantList,null,l.default.createElement(u.SetupAssistantStep,null,l.default.createElement(i.default,{action:{type:"button",title:"Add Users"},duration:"5 min"})))},{id:"with-link-action",label:"With Link Action",element:l.default.createElement(u.SetupAssistantList,null,l.default.createElement(u.SetupAssistantStep,null,l.default.createElement(i.default,{action:{type:"link",title:"View on Trailhead"}})))},{id:"with-toggle-action",label:"With Toggle Action",element:l.default.createElement(u.SetupAssistantList,null,l.default.createElement(u.SetupAssistantStep,null,l.default.createElement(i.default,{action:{type:"toggle",title:"Configure user settings for this org"}})))},{id:"with-step-number",label:"With Step Number",element:l.default.createElement(u.SetupAssistantList,null,l.default.createElement(u.SetupAssistantStep,null,l.default.createElement(i.default,{stepProgress:{isComplete:!1,number:"3"},action:{type:"button",title:"Add Users"},duration:"5 min"})))},{id:"completed",label:"Completed",element:l.default.createElement(u.SetupAssistantList,null,l.default.createElement(u.SetupAssistantStep,null,l.default.createElement(i.default,{stepProgress:{isComplete:!0,number:"2"},action:{type:"link",title:"View on Trailhead"},duration:"10 min"})))},{id:"closed-expandable-step",label:"Closed Expandable Step",element:l.default.createElement(u.SetupAssistantList,null,l.default.createElement(p,{title:"Configure user settings for this org",stepProgress:{isComplete:!1,number:"1"},duration:"5 min"}))},{id:"open-expandable-step",label:"Open Expandable Step",element:l.default.createElement(u.SetupAssistantList,null,l.default.createElement(p,{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:l.default.createElement(u.SetupAssistantList,null,l.default.createElement(p,{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:l.default.createElement(u.SetupAssistantList,null,l.default.createElement(p,{title:"Configure user settings for this org",stepProgress:{isComplete:!0,number:"1"},duration:"5 min",isOpen:!0}))}],t.examples=[{id:"consecutive-base-steps",label:"Consecutive Base Steps",element:l.default.createElement(c.default,{isBase:!0})},{id:"consecutive-progress-steps",label:"Consecutive Progress Steps",element:l.default.createElement(c.default,{isBase:!0,stepsHaveProgress:!0})},{id:"consecutive-expandable-steps",label:"Consecutive Expandable Steps",element:l.default.createElement(c.default,{stepsAreExpandable:!0})}]}});