@clickview/lite 0.0.24-rc.2 → 0.0.24-rc.4

package/dist/scripts/49.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/components/playlist-details/PlaylistDetails.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/views/new-playlist/NewPlaylistView.tsx"],"names":[],"mappings":"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","file":"scripts/49.chunk.js","sourcesContent":["import * as Yup from 'yup';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nconst namespace = 'playlists.validation';\r\n\r\nexport const PlaylistValidationSchema = Yup.object().shape({\r\n  name: Yup.string()\r\n    .max(250, () => LanguageService.getPhrase(namespace, 'nameExceeds'))\r\n    .required(() => LanguageService.getPhrase(namespace, 'nameRequired')),\r\n  description: Yup.string()\r\n    .max(65535, () => LanguageService.getPhrase(namespace, 'descriptionExceeds'))\r\n});","import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","import * as React from 'react';\r\nimport { Form } from 'formik';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Playlist } from 'libs/shared/interfaces';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { FormWrapper, useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\r\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\r\nimport { CreateOrUpdatePlaylistRequest } from 'libs/shared/apps/playlists/interfaces';\r\nimport { PlaylistValidationSchema } from 'libs/shared/apps/playlists/validation/PlaylistValidationSchema';\r\n\r\nconst namespace = 'playlists.playlistDetails';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface PlaylistDetailsFormComponentProps {\r\n  isNew?: boolean;\r\n  onClickCancel: () => void;\r\n  cancelButtonClass: 'secondary' | 'link';\r\n}\r\n\r\nfunction PlaylistDetailsFormComponent(props: PlaylistDetailsFormComponentProps): React.ReactElement {\r\n  const formikProps = useFormikContextWrapper<CreateOrUpdatePlaylistRequest>();\r\n\r\n  return (\r\n    <Form>\r\n      <FormField\r\n        label={getPhrase('nameLabel')}\r\n        type='text'\r\n        name='name'\r\n        id ='name'\r\n        placeholder={getPhrase('namePlaceholder')}\r\n        autoFocus\r\n        value={formikProps.values.name}\r\n      />\r\n      <FormField\r\n        label={getPhrase('descriptionLabel')}\r\n        component='textarea'\r\n        name='description'\r\n        id ='description'\r\n        placeholder={getPhrase('descriptionPlaceholder')}\r\n        value={formikProps.values.description}\r\n      />\r\n      <div className='btn-container d-flex justify-content-end'>\r\n        <button type='button' className={`btn btn-${props.cancelButtonClass} mr-2`} onClick={props.onClickCancel}>\r\n          <Text namespace={namespace} phrase='cancel' />\r\n        </button>\r\n        <FormButtons isNew={props.isNew} />\r\n      </div>\r\n    </Form>\r\n  );\r\n}\r\n\r\ninterface PlaylistDetailsComponentProps {\r\n  playlist?: Playlist;\r\n  savePlaylist: (data: CreateOrUpdatePlaylistRequest) => void;\r\n  onClickCancel: () => void;\r\n  cancelButtonClass: 'secondary' | 'link';\r\n}\r\n\r\nexport function PlaylistDetails(props: PlaylistDetailsComponentProps): React.ReactElement {\r\n  const { playlist: { name = '', description = '', id = null } = {}, savePlaylist, onClickCancel, cancelButtonClass } = props;\r\n\r\n  return (\r\n    <FormWrapper<CreateOrUpdatePlaylistRequest>\r\n      initialValues={{ name, description }}\r\n      validationSchema={PlaylistValidationSchema}\r\n      onSubmit={savePlaylist}\r\n    >\r\n      <PlaylistDetailsFormComponent\r\n        isNew={!id}\r\n        onClickCancel={onClickCancel}\r\n        cancelButtonClass={cancelButtonClass}\r\n      />\r\n    </FormWrapper>\r\n  );\r\n}","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { UserAction, EntityType, WorkflowPhase } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport { Playlist, CurrentUser, PropsWithPopupViewProps, PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\r\nimport { CreateOrUpdatePlaylistRequest } from 'libs/shared/apps/playlists/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { PlaylistDetails } from 'apps/playlists/components/playlist-details/PlaylistDetails';\r\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('playlists.newPlaylist');\r\n\r\ninterface NewPlaylistViewProps {\r\n  application: string;\r\n}\r\n\r\ntype PropTypes = PropsWithAnalyticsOptions<PropsWithPopupViewProps<NewPlaylistViewProps>>;\r\n\r\nexport function NewPlaylistView(props: PropTypes): React.ReactElement {\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  useSetPageTitle(getPhrase('title'));\r\n\r\n  const user = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\r\n\r\n  const savePlaylist = (data: CreateOrUpdatePlaylistRequest): void => {\r\n    const onSuccess = (newPlaylist: Playlist) => {\r\n      alerts.success(getPhrase('success', { name: data.name }));\r\n\r\n      AnalyticsHelper.logUserAction({ id: newPlaylist.id }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n        actionType: UserAction.Create,\r\n        entity: EntityType.Playlist,\r\n        workflowPhase: WorkflowPhase.Complete\r\n      }));\r\n\r\n      props.closePopup();\r\n\r\n      Core.AppLinkHelper.trigger({\r\n        application: props.application,\r\n        action: Actions.Playlists.PLAYLIST,\r\n        args: [ newPlaylist.id, TextHelper.slugify(newPlaylist.name) ]\r\n      });\r\n    };\r\n\r\n    const onError = () => {\r\n      alerts.error(getPhrase('error'));\r\n      props.closePopup();\r\n    };\r\n\r\n    Flight.fetch(dispatch, PlaylistRequests.createPlaylist(user.data.id, data, onSuccess, onError));\r\n  };\r\n\r\n  return (\r\n    <Popup title={getPhrase('title')} closePopup={props.closePopup} showLoadingSpinner={!user.data}>\r\n      {!!user.data && (\r\n        <PlaylistDetails\r\n          savePlaylist={savePlaylist}\r\n          onClickCancel={props.closePopup}\r\n          cancelButtonClass='link'\r\n        />\r\n      )}\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/5-202373c80b.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[5],{1002:function(e,t,n){"use strict";var a=n(0),r=n(76),i=n(50),c="playlists.liteWhatsNewBreadcrumbs";function o(e){return a.createElement(a.Fragment,null,a.createElement("h1",null,a.createElement(r.b,{namespace:c,phrase:"whatsNew"})),a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb p-0"},a.createElement("li",{className:"breadcrumb-item"},a.createElement(i.a,{appLink:e.dashboardAppLink},a.createElement(r.b,{namespace:c,phrase:"dashboard"}))),a.createElement("li",{className:"breadcrumb-item active","aria-current":"page"},a.createElement(r.b,{namespace:c,phrase:"whatsNew"})))))}var l=n(36),s=n(13),u=n(234),m=n(1217),p=n.n(m);function d(e){var t=e.classification,n=e.backgroundUrl,c=e.followed,o=e.follow,m=e.showFollowSpinner;return a.createElement("div",{className:"banner mb-2 d-flex justify-content-between ".concat(p.a.banner),style:{backgroundImage:"url('".concat(n,"')")}},a.createElement(i.a,{className:"text-white text-shadow",appLink:e.getClassificationAppLink(t)},a.createElement("h2",{className:"h3 mb-0"},t.name)),a.createElement(u.a,{className:"btn ".concat(p.a.followBtn," ").concat(c?"btn-dark":"btn-white"),svgName:s.b.Bell,onClick:function(){return o(t.id,!c)}},m?a.createElement(l.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):a.createElement(r.b,{namespace:"liteContentUpdates.classificationBanner",phrase:c?"unfollow":"follow"})))}function f(e){var t=e.classification;return a.createElement(a.Fragment,null,a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb p-0"},a.createElement("li",{className:"breadcrumb-item"},a.createElement(i.a,{appLink:e.dashboardAppLink},a.createElement(r.b,{namespace:"playlists.liteClassificationUpdateBreadcrumbs",phrase:"dashboard"}))),a.createElement("li",{className:"breadcrumb-item"},a.createElement(i.a,{appLink:e.contentUpdatesAppLink},a.createElement(r.b,{namespace:"playlists.liteClassificationUpdateBreadcrumbs",phrase:"whatsNew"}))),a.createElement("li",{className:"breadcrumb-item active","aria-current":"page"},t.name))))}n.d(t,"c",(function(){return o})),n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return f}))},1056:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(45),r={getContentUpdates:function(e,t){return{url:"/api/domain/v1/subjects/content-updates?from=".concat(e,"&to=").concat(t)+"&query=".concat(a.a.VIDEO_COLLECTION),key:"content:updates",normalize:!1}},getClassifications:function(e){var t=[];return e.forEach((function(e){return t.push("id=".concat(e))})),{url:"".concat("/api/domain/v1/subjects","?").concat(t.join("&"),"&query=banner"),key:"classifications:".concat(e.join(","))}},getClassification:function(e){return{url:"/api/domain/v1/subjects/".concat(e,"?query=banner"),key:"classification:".concat(e)}},videos:function(e,t){return{url:"/api/domain/v1/videos?ids=".concat(e.join(","),"&with=").concat(a.a.VIDEO_COLLECTION),key:"videos:by:id:".concat(e.join(",")),success:t}}}},1217:function(e,t,n){e.exports={banner:"_1ZGpQ",followBtn:"_1WQAD"}},816:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},818:function(e,t,n){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},819:function(e,t,n){"use strict";var a=n(0),r=n(36),i=n(238),c=n(40),o=n(52),l=n(50),s=n(13),u=n(818),m=n.n(u),p=n(34);function d(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function f(e){if(e.action.appLink)return a.createElement(l.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:d(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return a.createElement("span",{className:"cursor-pointer ".concat(d(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&c.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),p.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function b(e){if(!e.actions||!e.actions.length)return a.createElement(a.Fragment,null);var t="actions-dropdown-".concat(i.a.getRandomInt()),n="px-0 ".concat(m.a.dropdownToggle);return e.dropdownToggleClassName&&(n+=" ".concat(e.dropdownToggleClassName)),a.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},a.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:n},a.createElement(o.a,{svgName:s.b.More,size:o.b.Small})),a.createElement(r.Dropdown.Menu,null,e.actions.map((function(e,t){return a.createElement(f,{key:t,action:e})}))))}b.defaultProps={dropdownToggleClassName:"btn btn-light"};var v=n(234),g=n(155);function E(e){var t="ml-2";e.className&&(t+=" ".concat(e.className));var n=e.showSpinner?a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):e.children;if(e.tooltip)return a.createElement(g.a,{title:e.tooltip},a.createElement(v.a,{appLink:e.appLink,svgName:e.svgName,onClick:e.onClick,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},n));if(e.svgName)return a.createElement(v.a,{onClick:e.onClick,appLink:e.appLink,svgName:e.svgName,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},n);if(e.appLink)return a.createElement(l.a,{onClick:e.onClick,appLink:e.appLink,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},n);return a.createElement("button",{onClick:function(t){e.analyticsData&&e.analyticsOptions&&c.a.logUserAction(e.analyticsData,e.analyticsOptions),p.a.isFunction(e.onClick)&&e.onClick(t)},className:t},n)}function y(e){var t=[],n=[];e.actions.forEach((function(e){e.button?t.push(e):n.push(e)}));var r="d-flex";return e.className&&(r+=" ".concat(e.className)),a.createElement("div",{className:r},a.createElement(a.Fragment,null,!!t.length&&a.createElement("span",{className:m.a.buttonList},t.map((function(e,t){return a.createElement(E,{key:t,appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label)}))),e.sortComponent?e.sortComponent:"",!!n.length&&a.createElement(b,{actions:n,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}n.d(t,"a",(function(){return y}))},821:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"c",(function(){return s})),n.d(t,"b",(function(){return u}));var a=n(0),r=n(809),i=n(2),c=n(827),o=n(835),l=a.createContext({isSortable:!1});function s(e){var t=a.useContext(l).isSortable?o.a:o.b,n=i.a.AppLinkHelper.getCurrentAppLink();return a.createElement(a.Fragment,null,a.createElement("div",{className:"position-relative"},e.videos.map((function(n,r){return a.createElement(t,{key:n.id,idx:r,index:r,video:n,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite})}))),e.cursors&&a.createElement(c.b,{appLink:n,cursors:e.cursors}))}var u=Object(r.SortableContainer)((function(e){return a.createElement(l.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},a.createElement(s,Object.assign({},e)))}))},827:function(e,t,n){"use strict";n.d(t,"b",(function(){return u})),n.d(t,"a",(function(){return m}));var a=n(0),r=n(816),i=n(50),c=n(76),o=n(40),l=n(3);function s(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function u(e){var t=e.appLink,n=e.cursors,r=e.className;function u(e){o.a.logUserAction({page:e},{location:l.j.Pagination,entity:l.d.Pagination,actionType:l.n.Navigate})}return a.createElement(c.a.Provider,{value:"shared.pagination"},a.createElement("div",{className:r},a.createElement(i.a,{appLink:s(t,n.previous),className:"btn btn-secondary mr-1 ".concat(n.previous?"":"disabled"),onClick:function(){return u("previous")}},a.createElement(c.b,{phrase:"previous"})),a.createElement(i.a,{appLink:s(t,n.next),className:"btn btn-secondary ".concat(n.next?"":"disabled"),onClick:function(){return u("next")}},a.createElement(c.b,{phrase:"next"}))))}function m(e){function t(e){o.a.logUserAction({page:e},{location:l.j.Pagination,entity:l.d.Pagination,actionType:l.n.Navigate})}return a.createElement(c.a.Provider,{value:"shared.pagination"},a.createElement("div",{className:e.className},a.createElement(r.a,{onClick:function(){1!==e.currentPage&&(t("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer ".concat(1===e.currentPage?"disabled":"")},a.createElement(c.b,{phrase:"previous"})),a.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer ".concat(e.currentPage===e.totalPages?"disabled":"")},a.createElement(c.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},m.defaultProps={className:"py-2"}},835:function(e,t,n){"use strict";var a=n(0),r=n(36),i=n(809),c=n(859),o=n(241),l=n(52),s=n(834),u=n(851),m=n(150),p=function(e){return!!e&&e.series&&!!e.series.id},d=n(13),f=n(151),b=n(821),v=n(34),g=n(819),E=n(236),y=n(126),k=n(836),N=n.n(k),h=[y.a.AddToPlaylist,y.a.Share];function w(e){var t=a.useContext(E.a),n=t.videoActions,r=void 0===n?h:n,i=t.getActionAppLink,c=Object(f.a)(m.a.XS);if(!v.a.isFunction(i))return a.createElement(a.Fragment,null);var o=[];return r.forEach((function(t){var n=i(e.video,t);n&&o.push(Object.assign({appLink:n,className:"btn btn-link",button:!c},Object(y.b)()[t]))})),a.createElement(g.a,{actions:o,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 ".concat(N.a.actionsDropdown)})}var C=n(857),S=n(845);function x(e){return a.createElement(C.a,null,a.createElement(S.a,{type:S.b.Rating,data:e.video.rating}),a.createElement(S.a,{type:S.b.ProductionYear,data:e.video.productionYear}),a.createElement(S.a,{type:S.b.Interactive,data:e.video.interactives}))}var O=n(76),L=n(837),j=n.n(L);function A(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(a=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==o.return||o.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return D(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return D(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function I(e){var t=Object(f.a)(m.a.XS),n=21*(Object(f.a)(m.a.SM)?2:4),r=function(e){var t=A(Object(a.useState)(!1),2),n=t[0],r=t[1],i=A(Object(a.useState)(!1),2),c=i[0],o=i[1],l=Object(a.useRef)();return Object(a.useEffect)((function(){l&&l.current&&(l.current.offsetHeight<=e||(r(!0),o(!0)))}),[l]),{ref:l,isExpandable:n,isTruncated:c,toggleTruncation:function(){return o((function(e){return!e}))}}}(n),i=r.ref,c=r.isExpandable,o=r.isTruncated,l=r.toggleTruncation;if(t)return a.createElement(a.Fragment,null);var s={className:"position-relative overflow-hidden"};return o&&(s.style={maxHeight:"".concat(n,"px")}),e.forceTruncate&&!o&&l(),a.createElement("div",Object.assign({},s),a.createElement("p",{ref:i,className:"m-0"},e.video.description,!!c&&a.createElement("span",{className:"cursor-pointer ".concat(j.a.ellipsis),onClick:l},a.createElement(O.b,{namespace:"shared.videoItemDescription",phrase:o?"showMore":"showLess"}))))}var P=n(50);function T(e){return a.createElement(P.a,{appLink:e.appLink},a.createElement("h5",{className:"d-inline-block m-0 mb-1"},e.video.name))}var F=n(838),_=n.n(F);n.d(t,"b",(function(){return U})),n.d(t,"a",(function(){return B}));var R=Object(i.SortableHandle)((function(){return a.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer ".concat(_.a.dragHandleContainer)},a.createElement(l.a,{svgName:d.b.Handle,size:l.b.Small}))}));function U(e){var t,n=Object(f.a)(m.a.XS),i=a.useContext(b.a),l=i.isSortable,d=i.currentSortingIndex,v=l&&!n,g=e.getVideoAppLink(e.video),E=p(e.video)&&e.getSeriesAppLink(e.video.series);return a.createElement(r.Row,{className:"py-2"},a.createElement(r.Col,{xs:n?12:4,className:"flex-column align-items-flex-start mb-1"},a.createElement(r.Row,null,!!v&&a.createElement(R,null),a.createElement(r.Col,{xs:(t=v,t?10:12)},a.createElement(c.a,{video:e.video,appLink:g,seriesAppLink:E,size:v?s.a.Small:s.a.Medium,textPosition:u.a.Independent,setFavourite:e.setFavourite,type:"static"})))),a.createElement(r.Col,{xs:n?12:8},a.createElement(w,{video:e.video}),a.createElement(o.a,{video:e.video,appLink:E}),a.createElement(T,{video:e.video,appLink:e.getVideoAppLink(e.video)}),a.createElement(x,{video:e.video}),a.createElement(I,{video:e.video,forceTruncate:Number.isInteger(d)&&e.idx===d})))}var B=Object(i.SortableElement)((function(e){return a.createElement(U,Object.assign({},e))}))},836:function(e,t,n){e.exports={actionsDropdown:"XR0aX"}},837:function(e,t,n){e.exports={ellipsis:"LJY5U"}},838:function(e,t,n){e.exports={dragHandleContainer:"_24s1b"}},846:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n.n(a),i=n(36),c=n(151),o=n(150),l=n(847),s=n.n(l);function u(e){var t=Object(c.a)(o.a.XS),n=e.withReordering&&!t;return r.a.createElement(r.a.Fragment,null,Array(e.numVideos).fill(null).map((function(e,a){return r.a.createElement(i.Row,{key:a,className:"py-2"},r.a.createElement(i.Col,{xs:t?12:4,className:"flex-column align-items-flex-start mb-1"},r.a.createElement(i.Row,null,!!n&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialDragHandle)})),r.a.createElement(i.Col,{xs:n?10:12},r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialThumbnail)})))),r.a.createElement(i.Col,{xs:t?12:8},r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialSeriesLink)}),r.a.createElement("div",{className:"partial-loading-background mb-1 ".concat(s.a.partialName)}),r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialDescription)}),r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialBadges)}),r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialActions)})))})))}u.defaultProps={numVideos:15}},847:function(e,t,n){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},917:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(2),i=n(34),c=n(18),o=n(821),l=n(846),s=n(981),u=n.n(s);function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(a=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==o.return||o.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return p(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var d=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function f(e){var t=e.onSortComplete,n=e.onSortStart,s=e.showPartialLoading,p=d(e,["onSortComplete","onSortStart","showPartialLoading"]),f=m(a.useState(),2),b=f[0],v=f[1],g=function(e){i.a.isFunction(n)&&n(e)};return s?a.createElement(l.a,{withReordering:!0}):e.canEdit?a.createElement(o.b,Object.assign({},p,{currentSortingIndex:b,updateBeforeSortStart:function(e){var t=e.index;return v(t)},onSortStart:function(e){var t=e.index;return g(t)},onSortEnd:function(e){v(null),i.a.isFunction(t)?t(e.oldIndex,e.newIndex):r.a.ErrorHelper.throw(new c.a("An onSortComplete callback function must be passed to SortableVideoListComponent"))},lockAxis:"y",lockToContainerEdges:!0,lockOffset:["0%","100%"],helperClass:"bg-white ".concat(u.a.sortableItem),distance:1,useDragHandle:!0})):a.createElement(o.c,Object.assign({},p))}},981:function(e,t,n){e.exports={sortableItem:"_2eiPB"}}}]);

package/dist/scripts/{5-703a8b45ad.chunk.js → 5-52c2070b12.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[5],{1012:function(e,t,a){"use strict";var n=a(0),r=a(73),i=a(51),c="playlists.liteWhatsNewBreadcrumbs";function o(e){return n.createElement(n.Fragment,null,n.createElement("h1",null,n.createElement(r.b,{namespace:c,phrase:"whatsNew"})),n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb p-0"},n.createElement("li",{className:"breadcrumb-item"},n.createElement(i.a,{appLink:e.dashboardAppLink},n.createElement(r.b,{namespace:c,phrase:"dashboard"}))),n.createElement("li",{className:"breadcrumb-item active","aria-current":"page"},n.createElement(r.b,{namespace:c,phrase:"whatsNew"})))))}var l=a(33),s=a(13),u=a(235),m=a(1228),p=a.n(m);function d(e){var t=e.classification,a=e.backgroundUrl,c=e.followed,o=e.follow,m=e.showFollowSpinner;return n.createElement("div",{className:"banner mb-2 d-flex justify-content-between ".concat(p.a.banner),style:{backgroundImage:"url('".concat(a,"')")}},n.createElement(i.a,{className:"text-white text-shadow",appLink:e.getClassificationAppLink(t)},n.createElement("h2",{className:"h3 mb-0"},t.name)),n.createElement(u.a,{className:"btn follow-btn ".concat(c?"btn-dark":"btn-white"),svgName:s.b.Bell,onClick:function(){return o(t.id,!c)}},m?n.createElement(l.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):n.createElement(r.b,{namespace:"contentUpdates.classificationBanner",phrase:c?"unfollow":"follow"})))}function b(e){var t=e.classification;return n.createElement(n.Fragment,null,n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb p-0"},n.createElement("li",{className:"breadcrumb-item"},n.createElement(i.a,{appLink:e.dashboardAppLink},n.createElement(r.b,{namespace:"playlists.liteClassificationUpdateBreadcrumbs",phrase:"dashboard"}))),n.createElement("li",{className:"breadcrumb-item"},n.createElement(i.a,{appLink:e.contentUpdatesAppLink},n.createElement(r.b,{namespace:"playlists.liteClassificationUpdateBreadcrumbs",phrase:"whatsNew"}))),n.createElement("li",{className:"breadcrumb-item active","aria-current":"page"},t.name))))}a.d(t,"c",(function(){return o})),a.d(t,"a",(function(){return d})),a.d(t,"b",(function(){return b}))},1067:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(46),r={getContentUpdates:function(e,t){return{url:"/api/domain/v1/subjects/content-updates?from=".concat(e,"&to=").concat(t)+"&query=".concat(n.a.VIDEO_COLLECTION),key:"content:updates",normalize:!1}},getClassifications:function(e){var t=[];return e.forEach((function(e){return t.push("id=".concat(e))})),{url:"".concat("/api/domain/v1/subjects","?").concat(t.join("&"),"&query=banner"),key:"classifications:".concat(e.join(","))}},getClassification:function(e){return{url:"/api/domain/v1/subjects/".concat(e,"?query=banner"),key:"classification:".concat(e)}},videos:function(e,t){return{url:"/api/domain/v1/videos?ids=".concat(e.join(","),"&with=").concat(n.a.VIDEO_COLLECTION),key:"videos:by:id:".concat(e.join(",")),success:t}}}},1228:function(e,t,a){e.exports={banner:"_1ZGpQ"}},825:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){return n.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},827:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},828:function(e,t,a){"use strict";var n=a(0),r=a(33),i=a(242),c=a(40),o=a(55),l=a(51),s=a(13),u=a(827),m=a.n(u),p=a(35);function d(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function b(e){if(e.action.appLink)return n.createElement(l.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:d(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer ".concat(d(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&c.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),p.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function f(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var t="actions-dropdown-".concat(i.a.getRandomInt()),a="px-0 ".concat(m.a.dropdownToggle);return e.dropdownToggleClassName&&(a+=" ".concat(e.dropdownToggleClassName)),n.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},n.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:a},n.createElement(o.a,{svgName:s.b.More,size:o.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((function(e,t){return n.createElement(b,{key:t,action:e})}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light"};var v=a(235),g=a(156);function E(e){var t="ml-2";e.className&&(t+=" ".concat(e.className));var a=e.showSpinner?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):e.children;if(e.tooltip)return n.createElement(g.a,{title:e.tooltip},n.createElement(v.a,{appLink:e.appLink,svgName:e.svgName,onClick:e.onClick,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a));if(e.svgName)return n.createElement(v.a,{onClick:e.onClick,appLink:e.appLink,svgName:e.svgName,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);if(e.appLink)return n.createElement(l.a,{onClick:e.onClick,appLink:e.appLink,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);return n.createElement("button",{onClick:function(t){e.analyticsData&&e.analyticsOptions&&c.a.logUserAction(e.analyticsData,e.analyticsOptions),p.a.isFunction(e.onClick)&&e.onClick(t)},className:t},a)}function y(e){var t=[],a=[];e.actions.forEach((function(e){e.button?t.push(e):a.push(e)}));var r="d-flex";return e.className&&(r+=" ".concat(e.className)),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:m.a.buttonList},t.map((function(e,t){return n.createElement(n.Fragment,{key:t},e.label?n.createElement(E,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label):n.createElement(v.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))}))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(f,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return y}))},830:function(e,t,a){"use strict";a.d(t,"a",(function(){return l})),a.d(t,"c",(function(){return s})),a.d(t,"b",(function(){return u}));var n=a(0),r=a(818),i=a(2),c=a(837),o=a(843),l=n.createContext({isSortable:!1});function s(e){var t=n.useContext(l).isSortable?o.a:o.b,a=i.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,n.createElement("div",{className:"position-relative"},e.videos.map((function(a,r){return n.createElement(t,{key:a.id,idx:r,index:r,video:a,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite,hideInteractiveBadge:e.hideInteractiveBadge})}))),e.cursors&&n.createElement(c.b,{appLink:a,cursors:e.cursors}))}var u=Object(r.SortableContainer)((function(e){return n.createElement(l.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},n.createElement(s,Object.assign({},e)))}))},837:function(e,t,a){"use strict";a.d(t,"b",(function(){return u})),a.d(t,"a",(function(){return m}));var n=a(0),r=a(825),i=a(51),c=a(73),o=a(40),l=a(3);function s(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function u(e){var t=e.appLink,a=e.cursors,r=e.className;function u(e){o.a.logUserAction({page:e},{location:l.j.Pagination,entity:l.d.Pagination,actionType:l.n.Navigate})}return n.createElement(c.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:r},n.createElement(i.a,{appLink:s(t,a.previous),className:"btn btn-secondary mr-1 ".concat(a.previous?"":"disabled"),onClick:function(){return u("previous")}},n.createElement(c.b,{phrase:"previous"})),n.createElement(i.a,{appLink:s(t,a.next),className:"btn btn-secondary ".concat(a.next?"":"disabled"),onClick:function(){return u("next")}},n.createElement(c.b,{phrase:"next"}))))}function m(e){function t(e){o.a.logUserAction({page:e},{location:l.j.Pagination,entity:l.d.Pagination,actionType:l.n.Navigate})}return n.createElement(c.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:e.className},n.createElement(r.a,{onClick:function(){1!==e.currentPage&&(t("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer ".concat(1===e.currentPage?"disabled":"")},n.createElement(c.b,{phrase:"previous"})),n.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer ".concat(e.currentPage===e.totalPages?"disabled":"")},n.createElement(c.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},m.defaultProps={className:"py-2"}},843:function(e,t,a){"use strict";var n=a(0),r=a(33),i=a(818),c=a(867),o=a(245),l=a(55),s=a(842),u=a(861),m=a(45),p=function(e){return!!e&&e.series&&!!e.series.id},d=a(13),b=a(830),f=a(35),v=a(828),g=a(240),E=a(128),y=a(107),k=a(844),N=a.n(k),h=[E.a.AddToPlaylist,E.a.Share];function w(e){var t=n.useContext(g.a),a=t.videoActions,r=void 0===a?h:a,i=t.getActionAppLink,c=t.hideLabel,o=Object(y.a)(m.a.XS);if(!f.a.isFunction(i))return n.createElement(n.Fragment,null);var l=[];return r.forEach((function(t){var a=i(e.video,t);a&&l.push(Object.assign({appLink:a,className:"btn btn-link",button:!o},Object(E.b)()[t]))})),c&&!o&&(l=l.map((function(e){return Object.assign(Object.assign({},e),{label:null})}))),n.createElement(v.a,{actions:l,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 ".concat(N.a.actionsDropdown)})}var C=a(73),S=a(845),L=a.n(S);function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return x(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return x(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function j(e){var t=O(n.useState(!0),2),a=t[0],r=t[1];return Object(y.a)(m.a.XS)?n.createElement(n.Fragment,null):n.createElement("div",{className:"position-relative overflow-hidden ".concat(a?"clamp-2":"")},n.createElement("p",{className:"m-0"},e.video.description,!!e.isExpandable&&n.createElement("span",{className:"cursor-pointer ".concat(L.a.ellipsis),onClick:function(){return r(!a)}},n.createElement(C.b,{namespace:"shared.videoItemDescription",phrase:a?"showMore":"showLess"}))))}var A=a(51);function D(e){return n.createElement(A.a,{appLink:e.appLink},n.createElement("h5",{className:"m-0 mb-1 clamp-2"},e.video.name))}var I=a(866),P=a(851),F=a(846),T=a.n(F),_=a(237);a.d(t,"b",(function(){return U})),a.d(t,"a",(function(){return R}));var B=Object(i.SortableHandle)((function(){return n.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer ".concat(T.a.dragHandleContainer)},n.createElement(l.a,{svgName:d.b.Handle,size:l.b.Small}))}));function U(e){var t,a=Object(_.a)(),i=a===m.a.XS,l=a===m.a.SM||a===m.a.MD,d=a===m.a.SM,f=n.useContext(b.a).isSortable&&!i,v=e.getVideoAppLink(e.video),g=p(e.video)&&e.getSeriesAppLink(e.video.series);return n.createElement(r.Row,{className:"py-2"},n.createElement(r.Col,{xs:i?12:l?4:3,className:"flex-column align-items-flex-start mb-1"},n.createElement(r.Row,null,!!f&&n.createElement(B,null),n.createElement(r.Col,{xs:(t=f,t?10:12)},n.createElement(c.a,{video:e.video,appLink:v,seriesAppLink:g,size:f?s.a.Small:s.a.Medium,textPosition:u.a.Independent,setFavourite:e.setFavourite,type:"static"})))),n.createElement(r.Col,{xs:i?12:l?8:9},n.createElement(w,{video:e.video}),n.createElement(o.a,{video:e.video,appLink:g}),n.createElement(D,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(I.a,null,n.createElement(P.a,{type:P.b.Rating,data:e.video.rating}),n.createElement(P.a,{type:P.b.ProductionYear,data:e.video.productionYear}),!e.hideInteractiveBadge&&n.createElement(P.a,{type:P.b.Interactive,data:e.video.interactives})),!d&&n.createElement(j,{video:e.video})))}var R=Object(i.SortableElement)((function(e){return n.createElement(U,Object.assign({},e))}))},844:function(e,t,a){e.exports={actionsDropdown:"XR0aX"}},845:function(e,t,a){e.exports={ellipsis:"LJY5U"}},846:function(e,t,a){e.exports={dragHandleContainer:"_24s1b"}},847:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(0),r=a.n(n),i=a(33),c=a(45),o=a(237),l=a(848),s=a.n(l);function u(e){var t=Object(o.a)(),a=t===c.a.XS,n=t===c.a.SM||t===c.a.MD,l=e.withReordering&&!a;return r.a.createElement(r.a.Fragment,null,Array(e.numVideos).fill(null).map((function(e,t){return r.a.createElement(i.Row,{key:t,className:"py-2"},r.a.createElement(i.Col,{xs:a?12:n?4:3,className:"flex-column align-items-flex-start mb-1"},r.a.createElement(i.Row,null,!!l&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialDragHandle)})),r.a.createElement(i.Col,{xs:l?10:12},r.a.createElement("div",{className:"partial-loading-background rounded-lg ".concat(s.a.partialThumbnail)})))),r.a.createElement(i.Col,{xs:a?12:n?8:9},r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialSeriesLink)}),r.a.createElement("div",{className:"partial-loading-background mb-1 ".concat(s.a.partialName)}),r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialDescription)}),r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialBadges)}),r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialActions)})))})))}u.defaultProps={numVideos:15}},848:function(e,t,a){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},926:function(e,t,a){"use strict";a.d(t,"a",(function(){return b}));var n=a(0),r=a(2),i=a(35),c=a(19),o=a(830),l=a(847),s=a(991),u=a.n(s);function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return p(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return p(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var d=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function b(e){var t=e.onSortComplete,a=e.onSortStart,s=e.showPartialLoading,p=d(e,["onSortComplete","onSortStart","showPartialLoading"]),b=m(n.useState(),2),f=b[0],v=b[1],g=function(e){i.a.isFunction(a)&&a(e)};return s?n.createElement(l.a,{withReordering:!0}):e.canEdit?n.createElement(o.b,Object.assign({},p,{currentSortingIndex:f,updateBeforeSortStart:function(e){var t=e.index;return v(t)},onSortStart:function(e){var t=e.index;return g(t)},onSortEnd:function(e){v(null),i.a.isFunction(t)?t(e.oldIndex,e.newIndex):r.a.ErrorHelper.throw(new c.a("An onSortComplete callback function must be passed to SortableVideoListComponent"))},lockAxis:"y",lockToContainerEdges:!0,lockOffset:["0%","100%"],helperClass:"bg-white ".concat(u.a.sortableItem),distance:1,useDragHandle:!0})):n.createElement(o.c,Object.assign({},p))}},991:function(e,t,a){e.exports={sortableItem:"_2eiPB"}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[5],{1011:function(e,t,a){"use strict";var n=a(0),r=a(73),i=a(51),c="playlists.liteWhatsNewBreadcrumbs";function o(e){return n.createElement(n.Fragment,null,n.createElement("h1",null,n.createElement(r.b,{namespace:c,phrase:"whatsNew"})),n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb p-0"},n.createElement("li",{className:"breadcrumb-item"},n.createElement(i.a,{appLink:e.dashboardAppLink},n.createElement(r.b,{namespace:c,phrase:"dashboard"}))),n.createElement("li",{className:"breadcrumb-item active","aria-current":"page"},n.createElement(r.b,{namespace:c,phrase:"whatsNew"})))))}var l=a(33),s=a(13),u=a(235),m=a(1230),p=a.n(m);function d(e){var t=e.classification,a=e.backgroundUrl,c=e.followed,o=e.follow,m=e.showFollowSpinner;return n.createElement("div",{className:"banner mb-2 d-flex justify-content-between ".concat(p.a.banner),style:{backgroundImage:"url('".concat(a,"')")}},n.createElement(i.a,{className:"text-white text-shadow",appLink:e.getClassificationAppLink(t)},n.createElement("h2",{className:"h3 mb-0"},t.name)),n.createElement(u.a,{className:"btn follow-btn ".concat(c?"btn-dark":"btn-white"),svgName:s.b.Bell,onClick:function(){return o(t.id,!c)}},m?n.createElement(l.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):n.createElement(r.b,{namespace:"contentUpdates.classificationBanner",phrase:c?"unfollow":"follow"})))}function b(e){var t=e.classification;return n.createElement(n.Fragment,null,n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb p-0"},n.createElement("li",{className:"breadcrumb-item"},n.createElement(i.a,{appLink:e.dashboardAppLink},n.createElement(r.b,{namespace:"playlists.liteClassificationUpdateBreadcrumbs",phrase:"dashboard"}))),n.createElement("li",{className:"breadcrumb-item"},n.createElement(i.a,{appLink:e.contentUpdatesAppLink},n.createElement(r.b,{namespace:"playlists.liteClassificationUpdateBreadcrumbs",phrase:"whatsNew"}))),n.createElement("li",{className:"breadcrumb-item active","aria-current":"page"},t.name))))}a.d(t,"c",(function(){return o})),a.d(t,"a",(function(){return d})),a.d(t,"b",(function(){return b}))},1068:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(46),r={getContentUpdates:function(e,t){return{url:"/api/domain/v1/subjects/content-updates?from=".concat(e,"&to=").concat(t)+"&query=".concat(n.a.VIDEO_COLLECTION),key:"content:updates",normalize:!1}},getClassifications:function(e){var t=[];return e.forEach((function(e){return t.push("id=".concat(e))})),{url:"".concat("/api/domain/v1/subjects","?").concat(t.join("&"),"&query=banner"),key:"classifications:".concat(e.join(","))}},getClassification:function(e){return{url:"/api/domain/v1/subjects/".concat(e,"?query=banner"),key:"classification:".concat(e)}},videos:function(e,t){return{url:"/api/domain/v1/videos?ids=".concat(e.join(","),"&with=").concat(n.a.VIDEO_COLLECTION),key:"videos:by:id:".concat(e.join(",")),success:t}}}},1230:function(e,t,a){e.exports={banner:"_1ZGpQ"}},824:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){return n.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},826:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},827:function(e,t,a){"use strict";var n=a(0),r=a(33),i=a(240),c=a(40),o=a(55),l=a(51),s=a(13),u=a(826),m=a.n(u),p=a(35);function d(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function b(e){if(e.action.appLink)return n.createElement(l.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:d(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer ".concat(d(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&c.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),p.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function f(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var t="actions-dropdown-".concat(i.a.getRandomInt()),a="px-0 ".concat(m.a.dropdownToggle);return e.dropdownToggleClassName&&(a+=" ".concat(e.dropdownToggleClassName)),n.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},n.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:a},n.createElement(o.a,{svgName:s.b.More,size:o.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((function(e,t){return n.createElement(b,{key:t,action:e})}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light"};var v=a(235),g=a(156);function E(e){var t="ml-2";e.className&&(t+=" ".concat(e.className));var a=e.showSpinner?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):e.children;if(e.tooltip)return n.createElement(g.a,{title:e.tooltip},n.createElement(v.a,{appLink:e.appLink,svgName:e.svgName,onClick:e.onClick,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a));if(e.svgName)return n.createElement(v.a,{onClick:e.onClick,appLink:e.appLink,svgName:e.svgName,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);if(e.appLink)return n.createElement(l.a,{onClick:e.onClick,appLink:e.appLink,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);return n.createElement("button",{onClick:function(t){e.analyticsData&&e.analyticsOptions&&c.a.logUserAction(e.analyticsData,e.analyticsOptions),p.a.isFunction(e.onClick)&&e.onClick(t)},className:t},a)}function y(e){var t=[],a=[];e.actions.forEach((function(e){e.button?t.push(e):a.push(e)}));var r="d-flex";return e.className&&(r+=" ".concat(e.className)),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:m.a.buttonList},t.map((function(e,t){return n.createElement(n.Fragment,{key:t},e.label?n.createElement(E,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label):n.createElement(v.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))}))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(f,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return y}))},829:function(e,t,a){"use strict";a.d(t,"a",(function(){return l})),a.d(t,"c",(function(){return s})),a.d(t,"b",(function(){return u}));var n=a(0),r=a(817),i=a(2),c=a(836),o=a(843),l=n.createContext({isSortable:!1});function s(e){var t=n.useContext(l).isSortable?o.a:o.b,a=i.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,n.createElement("div",{className:"position-relative"},e.videos.map((function(a,r){return n.createElement(t,{key:a.id,idx:r,index:r,video:a,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite,hideInteractiveBadge:e.hideInteractiveBadge})}))),e.cursors&&n.createElement(c.b,{appLink:a,cursors:e.cursors}))}var u=Object(r.SortableContainer)((function(e){return n.createElement(l.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},n.createElement(s,Object.assign({},e)))}))},836:function(e,t,a){"use strict";a.d(t,"b",(function(){return u})),a.d(t,"a",(function(){return m}));var n=a(0),r=a(824),i=a(51),c=a(73),o=a(40),l=a(3);function s(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function u(e){var t=e.appLink,a=e.cursors,r=e.className;function u(e){o.a.logUserAction({page:e},{location:l.j.Pagination,entity:l.d.Pagination,actionType:l.n.Navigate})}return n.createElement(c.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:r},n.createElement(i.a,{appLink:s(t,a.previous),className:"btn btn-secondary mr-1 ".concat(a.previous?"":"disabled"),onClick:function(){return u("previous")}},n.createElement(c.b,{phrase:"previous"})),n.createElement(i.a,{appLink:s(t,a.next),className:"btn btn-secondary ".concat(a.next?"":"disabled"),onClick:function(){return u("next")}},n.createElement(c.b,{phrase:"next"}))))}function m(e){function t(e){o.a.logUserAction({page:e},{location:l.j.Pagination,entity:l.d.Pagination,actionType:l.n.Navigate})}return n.createElement(c.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:e.className},n.createElement(r.a,{onClick:function(){1!==e.currentPage&&(t("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer ".concat(1===e.currentPage?"disabled":"")},n.createElement(c.b,{phrase:"previous"})),n.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer ".concat(e.currentPage===e.totalPages?"disabled":"")},n.createElement(c.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},m.defaultProps={className:"py-2"}},843:function(e,t,a){"use strict";var n=a(0),r=a(33),i=a(817),c=a(859),o=a(245),l=a(55),s=a(838),u=a(853),m=a(45),p=function(e){return!!e&&e.series&&!!e.series.id},d=a(13),b=a(829),f=a(35),v=a(827),g=a(242),E=a(128),y=a(107),k=a(844),N=a.n(k),h=[E.a.AddToPlaylist,E.a.Share];function w(e){var t=n.useContext(g.a),a=t.videoActions,r=void 0===a?h:a,i=t.getActionAppLink,c=t.hideLabel,o=Object(y.a)(m.a.XS);if(!f.a.isFunction(i))return n.createElement(n.Fragment,null);var l=[];return r.forEach((function(t){var a=i(e.video,t);a&&l.push(Object.assign({appLink:a,className:"btn btn-link",button:!o},Object(E.b)()[t]))})),c&&!o&&(l=l.map((function(e){return Object.assign(Object.assign({},e),{label:null})}))),n.createElement(v.a,{actions:l,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 ".concat(N.a.actionsDropdown)})}var C=a(73),S=a(845),L=a.n(S);function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return x(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return x(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function j(e){var t=O(n.useState(e.truncate),2),a=t[0],r=t[1];return Object(y.a)(m.a.XS)?n.createElement(n.Fragment,null):n.createElement("div",{className:"position-relative overflow-hidden ".concat(a?"clamp-2":"")},n.createElement("p",{className:"m-0"},e.video.description,!!e.isExpandable&&n.createElement("span",{className:"cursor-pointer ".concat(L.a.ellipsis),onClick:function(){return r(!a)}},n.createElement(C.b,{namespace:"shared.videoItemDescription",phrase:a?"showMore":"showLess"}))))}j.defaultProps={truncate:!0};var A=a(51);function D(e){return n.createElement(A.a,{appLink:e.appLink},n.createElement("h5",{className:"m-0 mb-1 clamp-2"},e.video.name))}var I=a(862),P=a(857),F=a(846),T=a.n(F),_=a(236),B=a(3);a.d(t,"b",(function(){return R})),a.d(t,"a",(function(){return V}));var U=Object(i.SortableHandle)((function(){return n.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer ".concat(T.a.dragHandleContainer)},n.createElement(l.a,{svgName:d.b.Handle,size:l.b.Small}))}));function R(e){var t,a=Object(_.a)(),i=a===m.a.XS,l=a===m.a.SM||a===m.a.MD,d=a===m.a.SM,f=n.useContext(b.a).isSortable&&!i,v=e.getVideoAppLink(e.video),g=p(e.video)&&e.getSeriesAppLink(e.video.series);return n.createElement(r.Row,{className:"py-2"},n.createElement(r.Col,{xs:i?12:l?4:3,className:"flex-column align-items-flex-start mb-1"},n.createElement(r.Row,null,!!f&&n.createElement(U,null),n.createElement(r.Col,{xs:(t=f,t?10:12)},n.createElement(c.a,{video:e.video,appLink:v,seriesAppLink:g,size:f?s.a.Small:s.a.Medium,textPosition:u.a.Independent,setFavourite:e.setFavourite,type:"static",analyticsOptions:{location:B.j.VideoListItem}})))),n.createElement(r.Col,{xs:i?12:l?8:9},n.createElement(w,{video:e.video}),n.createElement(o.a,{className:"d-block",video:e.video,appLink:g,analyticsOptions:{location:B.j.VideoListItem}}),n.createElement(D,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(I.a,null,n.createElement(P.a,{type:P.b.Rating,data:e.video.rating}),n.createElement(P.a,{type:P.b.ProductionYear,data:e.video.productionYear}),!e.hideInteractiveBadge&&n.createElement(P.a,{type:P.b.Interactive,data:e.video.interactives})),!d&&n.createElement(j,{video:e.video})))}var V=Object(i.SortableElement)((function(e){return n.createElement(R,Object.assign({},e))}))},844:function(e,t,a){e.exports={actionsDropdown:"XR0aX"}},845:function(e,t,a){e.exports={ellipsis:"LJY5U"}},846:function(e,t,a){e.exports={dragHandleContainer:"_24s1b"}},847:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(0),r=a.n(n),i=a(33),c=a(45),o=a(236),l=a(848),s=a.n(l);function u(e){var t=Object(o.a)(),a=t===c.a.XS,n=t===c.a.SM||t===c.a.MD,l=e.withReordering&&!a;return r.a.createElement(r.a.Fragment,null,Array(e.numVideos).fill(null).map((function(e,t){return r.a.createElement(i.Row,{key:t,className:"py-2"},r.a.createElement(i.Col,{xs:a?12:n?4:3,className:"flex-column align-items-flex-start mb-1"},r.a.createElement(i.Row,null,!!l&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialDragHandle)})),r.a.createElement(i.Col,{xs:l?10:12},r.a.createElement("div",{className:"partial-loading-background rounded-lg ".concat(s.a.partialThumbnail)})))),r.a.createElement(i.Col,{xs:a?12:n?8:9},r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialSeriesLink)}),r.a.createElement("div",{className:"partial-loading-background mb-1 ".concat(s.a.partialName)}),r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialDescription)}),r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialBadges)}),r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialActions)})))})))}u.defaultProps={numVideos:15}},848:function(e,t,a){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},928:function(e,t,a){"use strict";a.d(t,"a",(function(){return b}));var n=a(0),r=a(2),i=a(35),c=a(19),o=a(829),l=a(847),s=a(988),u=a.n(s);function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return p(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return p(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var d=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function b(e){var t=e.onSortComplete,a=e.onSortStart,s=e.showPartialLoading,p=d(e,["onSortComplete","onSortStart","showPartialLoading"]),b=m(n.useState(),2),f=b[0],v=b[1],g=function(e){i.a.isFunction(a)&&a(e)};return s?n.createElement(l.a,{withReordering:!0}):e.canEdit?n.createElement(o.b,Object.assign({},p,{currentSortingIndex:f,updateBeforeSortStart:function(e){var t=e.index;return v(t)},onSortStart:function(e){var t=e.index;return g(t)},onSortEnd:function(e){v(null),i.a.isFunction(t)?t(e.oldIndex,e.newIndex):r.a.ErrorHelper.throw(new c.a("An onSortComplete callback function must be passed to SortableVideoListComponent"))},lockAxis:"y",lockToContainerEdges:!0,lockOffset:["0%","100%"],helperClass:"bg-white ".concat(u.a.sortableItem),distance:1,useDragHandle:!0})):n.createElement(o.c,Object.assign({},p))}},988:function(e,t,a){e.exports={sortableItem:"_2eiPB"}}}]);

package/dist/scripts/5.chunk.js

@@ -0,0 +1,403 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[5],{
+
+/***/ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx":
+/*!***************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-buttons/FormButtons.tsx ***!
+  \***************************************************************************************************************/
+/*! exports provided: FormButtons */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormButtons", function() { return FormButtons; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var _hooks_UseCanSubmitForm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../hooks/UseCanSubmitForm */ "../../libs/shared/src/hooks/UseCanSubmitForm.ts");
+/* harmony import */ var _spinner_button_SpinnerButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../spinner-button/SpinnerButton */ "../../libs/shared/src/components/spinner-button/SpinnerButton.tsx");
+/* harmony import */ var _text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+
+
+
+
+
+var namespace = 'shared.formButtons';
+var ENTER_KEY_CODE = 13;
+function FormButtons(props) {
+  var formikProps = Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
+  var canSubmit = Object(_hooks_UseCanSubmitForm__WEBPACK_IMPORTED_MODULE_2__["useCanSubmitForm"])(formikProps);
+  /**
+   * This hook listens to "Enter" keypress events, and submits the form if there
+   * are no errors. This prevents any edge cases where submitting doesn't work on
+   * Enter normally, such as when a custom component is in focus.
+   */
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    function onKeyPress(e) {
+      if (e.keyCode !== ENTER_KEY_CODE || !canSubmit) return;
+      formikProps.validateForm().then(function (errors) {
+        if (!Object.keys(errors).length) formikProps.submitForm();
+      });
+    }
+
+    window.addEventListener('keypress', onKeyPress);
+    return function () {
+      return window.removeEventListener('keypress', onKeyPress);
+    };
+  }, [canSubmit]);
+  var phraseKey = 'save';
+  if (props.isNew) phraseKey = 'create';
+  if (props.hasNext) phraseKey = 'next';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_spinner_button_SpinnerButton__WEBPACK_IMPORTED_MODULE_3__["SpinnerButton"], {
+    variant: props.variant || 'primary',
+    showSpinner: formikProps.isSubmitting,
+    type: 'submit',
+    disabled: !canSubmit
+  }, props.submitText ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, props.submitText) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: namespace,
+    phrase: phraseKey
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx":
+/*!*****************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx ***!
+  \*****************************************************************************************************************/
+/*! exports provided: FormCheckbox */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormCheckbox", function() { return FormCheckbox; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _form_field_FormField__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+/**
+ * Use this checkbox within Formik contexts
+ */
+
+function FormCheckbox(props) {
+  var label = props.label,
+      fieldProps = __rest(props, ["label"]);
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"].Group, null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'custom-control custom-checkbox'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_form_field_FormField__WEBPACK_IMPORTED_MODULE_2__["FieldWrapper"], Object.assign({
+    className: 'custom-control-input'
+  }, fieldProps)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"].Label, {
+    className: 'custom-control-label',
+    htmlFor: fieldProps.id
+  }, label)));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-field/CharacterCounter.tsx":
+/*!******************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-field/CharacterCounter.tsx ***!
+  \******************************************************************************************************************/
+/*! exports provided: CharacterCounter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CharacterCounter", function() { return CharacterCounter; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+
+
+function CharacterCounter(props) {
+  var _useFormikContext = Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])(),
+      values = _useFormikContext.values;
+
+  var field = values[props.fieldName];
+  if (typeof field !== 'string') return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'float-right text-muted'
+  }, field.length, "/", props.limit);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-field/FormField.tsx":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-field/FormField.tsx ***!
+  \***********************************************************************************************************/
+/*! exports provided: FieldWrapper, FormField */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FieldWrapper", function() { return FieldWrapper; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormField", function() { return FormField; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _utils_FormHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../utils/FormHelper */ "../../libs/shared/src/utils/FormHelper.ts");
+/* harmony import */ var _CharacterCounter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./CharacterCounter */ "../../libs/shared/src/components/forms/form-field/CharacterCounter.tsx");
+/* harmony import */ var _form_checkbox_FormCheckbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../form-checkbox/FormCheckbox */ "../../libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx");
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+
+
+
+function FieldWrapper(props) {
+  var children = props.children,
+      fieldProps = __rest(props, ["children"]);
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["Field"], Object.assign({}, fieldProps), _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__["FunctionHelper"].isFunction(children) ? function (f) {
+    return children(f);
+  } : react__WEBPACK_IMPORTED_MODULE_0__["Children"].count(children) ? children : null);
+}
+function FormField(props) {
+  var label = props.label,
+      className = props.className,
+      showCharacterCounter = props.showCharacterCounter,
+      fieldProps = __rest(props, ["label", "className", "showCharacterCounter"]);
+
+  var _useFormikContext = Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])(),
+      errors = _useFormikContext.errors,
+      touched = _useFormikContext.touched;
+
+  if (fieldProps.type === 'checkbox') return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_form_checkbox_FormCheckbox__WEBPACK_IMPORTED_MODULE_6__["FormCheckbox"], Object.assign({}, props));
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Form"].Group, null, !!label && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Form"].Label, {
+    htmlFor: fieldProps.id
+  }, label), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](FieldWrapper, Object.assign({
+    className: _utils_FormHelper__WEBPACK_IMPORTED_MODULE_4__["FormHelper"].getCustomFormControlClassName(errors, touched, fieldProps.name, className)
+  }, fieldProps)), !!showCharacterCounter && !!fieldProps.maxLength && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_CharacterCounter__WEBPACK_IMPORTED_MODULE_5__["CharacterCounter"], {
+    fieldName: fieldProps.name,
+    limit: fieldProps.maxLength
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["ErrorMessage"], {
+    name: fieldProps.name
+  }, function (errorMessage) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Form"].Control.Feedback, {
+      type: 'invalid'
+    }, errorMessage);
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx":
+/*!***************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx ***!
+  \***************************************************************************************************************/
+/*! exports provided: FormWrapper, useFormikContextWrapper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormWrapper", function() { return FormWrapper; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useFormikContextWrapper", function() { return useFormikContextWrapper; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+
+function omitNullInitialValues(initialValues) {
+  var values = _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].deepClone(initialValues);
+  Object.keys(values).forEach(function (key) {
+    if (!values.hasOwnProperty(key)) return;
+    if (_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].isObject(values[key])) values[key] = omitNullInitialValues(values[key]);else if (values[key] === null) delete values[key];
+  });
+  return values;
+}
+
+FormWrapper.defaultProps = {
+  castInitialValues: true,
+  castValuesOnSubmit: true
+};
+function FormWrapper(props) {
+  var castInitialValues = props.castInitialValues,
+      castValuesOnSubmit = props.castValuesOnSubmit,
+      initialValues = props.initialValues,
+      onSubmit = props.onSubmit,
+      resetOnSubmit = props.resetOnSubmit,
+      formikProps = __rest(props, ["castInitialValues", "castValuesOnSubmit", "initialValues", "onSubmit", "resetOnSubmit"]);
+  /**
+   * If castInitialValues is true, cast initialValues to the validationSchema.
+   * This will ensure that any data fetched from the api conforms to the expected form data shape.
+   */
+
+
+  var formattedInitialValues = castInitialValues && props.validationSchema ? props.validationSchema.cast(omitNullInitialValues(initialValues)) : initialValues;
+
+  var onSubmitHandler = function onSubmitHandler(values, _ref) {
+    var setSubmitting = _ref.setSubmitting,
+        resetForm = _ref.resetForm;
+
+    /**
+     * validationSchema.cast will coerce the values to the types defined in validationSchema.
+     * This is useful for trimming inputs:
+     * e.g. if a value field has type Yup.string().trim(), it will be automatically trimmed.
+     */
+    var formattedData = castValuesOnSubmit && props.validationSchema ? props.validationSchema.cast(values) : values;
+    onSubmit(formattedData, function () {
+      resetOnSubmit && resetForm();
+      setSubmitting(false);
+    });
+  };
+
+  var initialStatus = {
+    allowInitialSubmit: props.allowInitialSubmit
+  };
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["Formik"], Object.assign({
+    enableReinitialize: true
+  }, formikProps, {
+    initialValues: formattedInitialValues,
+    onSubmit: onSubmitHandler,
+    initialStatus: initialStatus
+  }), _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(props.children) ? function (f) {
+    return props.children(f);
+  } : react__WEBPACK_IMPORTED_MODULE_0__["Children"].count(props.children) ? props.children : null);
+}
+function useFormikContextWrapper() {
+  return Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseCanSubmitForm.ts":
+/*!*******************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseCanSubmitForm.ts ***!
+  \*******************************************************************************************/
+/*! exports provided: useCanSubmitForm */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useCanSubmitForm", function() { return useCanSubmitForm; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+/**
+ * useCanSubmitForm determines if a form can be submitted.
+ *
+ * It will return true if a form is valid and has been changed from it's initial state.
+ *
+ * A common use case for this is determining whether or not to enable
+ * a submit button in a form.
+ */
+
+function useCanSubmitForm(formikProps) {
+  var _a;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      canSubmit = _React$useState2[0],
+      setCanSubmit = _React$useState2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    var _a;
+
+    if (!formikProps.isValid) {
+      setCanSubmit(false);
+      return;
+    } // If the form values have changed of if allowInitialSubmit is true, set canSubmit to true.
+
+
+    if (formikProps.dirty || ((_a = formikProps.initialStatus) === null || _a === void 0 ? void 0 : _a.allowInitialSubmit)) setCanSubmit(true);else setCanSubmit(false);
+  }, [formikProps.isValid, (_a = formikProps.initialStatus) === null || _a === void 0 ? void 0 : _a.allowInitialSubmit, formikProps.dirty, formikProps.values]);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (formikProps.isSubmitting) setCanSubmit(false);
+  }, [formikProps.isSubmitting]);
+  return canSubmit;
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/FormHelper.ts":
+/*!*************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/FormHelper.ts ***!
+  \*************************************************************************************/
+/*! exports provided: FormHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormHelper", function() { return FormHelper; });
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+
+var FormHelper = {
+  getCustomFormControlClassName: function getCustomFormControlClassName(errors, touched, attribute, additionalClassName) {
+    var className = 'form-control'; // Using getIn as it supports dot notation
+
+    if (Object(formik__WEBPACK_IMPORTED_MODULE_0__["getIn"])(touched, attribute) && Object(formik__WEBPACK_IMPORTED_MODULE_0__["getIn"])(errors, attribute)) className += ' is-invalid';
+    if (additionalClassName) className += " ".concat(additionalClassName);
+    return className;
+  }
+};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=5.chunk.js.map

package/dist/scripts/5.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-buttons/FormButtons.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-field/CharacterCounter.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-field/FormField.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseCanSubmitForm.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/FormHelper.ts"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AAEA,IAAM,SAAS,GAAG,oBAAlB;AAEA,IAAM,cAAc,GAAG,EAAvB;AASM,SAAU,WAAV,CAA6C,KAA7C,EAAoE;AACxE,MAAM,WAAW,GAAG,+DAAgB,EAApC;AAEA,MAAM,SAAS,GAAG,gFAAgB,CAAC,WAAD,CAAlC;AAEA;;;;;;AAKA,kDAAgB,YAAK;AACnB,aAAS,UAAT,CAAoB,CAApB,EAAoC;AAClC,UAAI,CAAC,CAAC,OAAF,KAAc,cAAd,IAAgC,CAAC,SAArC,EACE;AAEF,iBAAW,CAAC,YAAZ,GAA2B,IAA3B,CAAgC,gBAAM,EAAG;AACvC,YAAI,CAAC,MAAM,CAAC,IAAP,CAAY,MAAZ,EAAoB,MAAzB,EACE,WAAW,CAAC,UAAZ;AACH,OAHD;AAID;;AAED,UAAM,CAAC,gBAAP,CAAwB,UAAxB,EAAoC,UAApC;AACA,WAAO;AAAA,aAAM,MAAM,CAAC,mBAAP,CAA2B,UAA3B,EAAuC,UAAvC,CAAN;AAAA,KAAP;AACD,GAbD,EAaG,CAAC,SAAD,CAbH;AAeA,MAAI,SAAS,GAAG,MAAhB;AACA,MAAI,KAAK,CAAC,KAAV,EACE,SAAS,GAAG,QAAZ;AACF,MAAI,KAAK,CAAC,OAAV,EACE,SAAS,GAAG,MAAZ;AAEF,SACE,oDAAC,2EAAD,EAAc;AACZ,WAAO,EAAE,KAAK,CAAC,OAAN,IAAiB,SADd;AAEZ,eAAW,EAAE,WAAW,CAAC,YAFb;AAGZ,QAAI,EAAC,QAHO;AAIZ,YAAQ,EAAE,CAAC;AAJC,GAAd,EAMG,KAAK,CAAC,UAAN,GACG,0GAAG,KAAK,CAAC,UAAT,CADH,GAEG,oDAAC,+CAAD,EAAK;AAAC,aAAS,EAAE,SAAZ;AAAuB,UAAM,EAAE;AAA/B,GAAL,CARN,CADF;AAaD,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/DD;AAGA;AACA;AAEA;;;;AAGM,SAAU,YAAV,CAA8C,KAA9C,EAA4F;AAC1F,MAAE,KAAF,GAA2B,KAA3B,CAAE,KAAF;AAAA,MAAS,UAAT,GAAS,wBAAT;;AAEN,SACE,oDAAC,oDAAI,CAAC,KAAN,EAAW,IAAX,EACE;AAAK,aAAS,EAAC;AAAf,KACE,oDAAC,kEAAD,EAAa;AAAS,aAAS,EAAC;AAAnB,KAA8C,UAA9C,CAAb,CADF,EAEE,oDAAC,oDAAI,CAAC,KAAN,EAAW;AAAC,aAAS,EAAC,sBAAX;AAAkC,WAAO,EAAE,UAAU,CAAC;AAAtD,GAAX,EAAsE,KAAtE,CAFF,CADF,CADF;AAQD,C;;;;;;;;;;;;ACpBD;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAOM,SAAU,gBAAV,CAAkD,KAAlD,EAAsF;AAAA,0BACvE,+DAAgB,EADuD;AAAA,MAClF,MADkF,qBAClF,MADkF;;AAG1F,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,SAAP,CAApB;AAEA,MAAI,OAAO,KAAP,KAAiB,QAArB,EACE,OAAO,yGAAP;AAEF,SACE;AAAK,aAAS,EAAC;AAAf,KACG,KAAK,CAAC,MADT,E,GAAA,EACkB,KAAK,CAAC,KADxB,CADF;AAKD,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrBD;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAaM,SAAU,YAAV,CACJ,KADI,EACkE;AAEhE,MAAE,QAAF,GAA8B,KAA9B,CAAE,QAAF;AAAA,MAAY,UAAZ,GAAY,2BAAZ;;AAEN,SACE,oDAAC,4CAAD,EAAM,kBAAK,UAAL,CAAN,EACG,wFAAc,CAAC,UAAf,CAA0B,QAA1B,IACG,UAAC,CAAD;AAAA,WAAmB,QAAQ,CAAC,CAAD,CAA3B;AAAA,GADH,GAEG,+CAAe,KAAf,CAAqB,QAArB,IAAiC,QAAjC,GAA4C,IAHlD,CADF;AAQD;AAEK,SAAU,SAAV,CAA2C,KAA3C,EAAyF;AAAA,MACrF,KADqF,GAC3B,KAD2B,CACrF,KADqF;AAAA,MAC9E,SAD8E,GAC3B,KAD2B,CAC9E,SAD8E;AAAA,MACnE,oBADmE,GAC3B,KAD2B,CACnE,oBADmE;AAAA,MAC7C,UAD6C,GAC7C,6DAD6C;;AAAA,0BAGjE,+DAAgB,EAHiD;AAAA,MAGrF,MAHqF,qBAGrF,MAHqF;AAAA,MAG7E,OAH6E,qBAG7E,OAH6E;;AAK7F,MAAI,UAAU,CAAC,IAAX,KAAoB,UAAxB,EACE,OAAO,oDAAC,wEAAD,EAAa,kBAAa,KAAb,CAAb,CAAP;AAEF,SACE,oDAAC,oDAAI,CAAC,KAAN,EAAW,IAAX,EACG,CAAC,CAAC,KAAF,IAAW,oDAAC,oDAAI,CAAC,KAAN,EAAW;AAAC,WAAO,EAAE,UAAU,CAAC;AAArB,GAAX,EAAqC,KAArC,CADd,EAEE,oDAAC,YAAD,EAAa;AACX,aAAS,EAAE,4DAAU,CAAC,6BAAX,CAAyC,MAAzC,EAAiD,OAAjD,EAA0D,UAAU,CAAC,IAArE,EAA2E,SAA3E;AADA,KAEP,UAFO,CAAb,CAFF,EAMG,CAAC,CAAC,oBAAF,IAA0B,CAAC,CAAE,UAAgD,CAAC,SAA9E,IACC,oDAAC,kEAAD,EAAiB;AACf,aAAS,EAAG,UAAU,CAAC,IADR;AAEf,SAAK,EAAG,UAAgD,CAAC;AAF1C,GAAjB,CAPJ,EAYE,oDAAC,mDAAD,EAAa;AAAC,QAAI,EAAE,UAAU,CAAC;AAAlB,GAAb,EACG,UAAC,YAAD;AAAA,WAA0B,oDAAC,oDAAI,CAAC,OAAL,CAAa,QAAd,EAAsB;AAAC,UAAI,EAAC;AAAN,KAAtB,EAAuC,YAAvC,CAA1B;AAAA,GADH,CAZF,CADF;AAkBD,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/DD;AACA;AACA;AACA;;AAEA,SAAS,qBAAT,CAA4D,aAA5D,EAAiF;AAC/E,MAAM,MAAM,GAAG,iFAAY,CAAC,SAAb,CAAuB,aAAvB,CAAf;AAEA,QAAM,CAAC,IAAP,CAAY,MAAZ,EAAoB,OAApB,CAA4B,UAAC,GAAD,EAAsB;AAChD,QAAI,CAAC,MAAM,CAAC,cAAP,CAAsB,GAAtB,CAAL,EACE;AAEF,QAAI,iFAAY,CAAC,QAAb,CAAsB,MAAM,CAAC,GAAD,CAA5B,CAAJ,EACE,MAAM,CAAC,GAAD,CAAN,GAAc,qBAAqB,CAAC,MAAM,CAAC,GAAD,CAAP,CAAnC,CADF,KAEK,IAAI,MAAM,CAAC,GAAD,CAAN,KAAgB,IAApB,EACH,OAAO,MAAM,CAAC,GAAD,CAAb;AACH,GARD;AAUA,SAAO,MAAP;AACD;;AAkBD,WAAW,CAAC,YAAZ,GAA2B;AACzB,mBAAiB,EAAE,IADM;AAEzB,oBAAkB,EAAE;AAFK,CAA3B;AAKM,SAAU,WAAV,CAIJ,KAJI,EAI0F;AAAA,MACtF,iBADsF,GACY,KADZ,CACtF,iBADsF;AAAA,MACnE,kBADmE,GACY,KADZ,CACnE,kBADmE;AAAA,MAC/C,aAD+C,GACY,KADZ,CAC/C,aAD+C;AAAA,MAChC,QADgC,GACY,KADZ,CAChC,QADgC;AAAA,MACtB,aADsB,GACY,KADZ,CACtB,aADsB;AAAA,MACP,WADO,GACP,wGADO;AAG9F;;;;;;AAIA,MAAM,sBAAsB,GAAe,iBAAiB,IAAI,KAAK,CAAC,gBAA3B,GACvC,KAAK,CAAC,gBAAN,CAAuB,IAAvB,CAA4B,qBAAqB,CAAC,aAAD,CAAjD,CADuC,GAEvC,aAFJ;;AAIA,MAAM,eAAe,GAAG,SAAlB,eAAkB,CACtB,MADsB,QAGpB;AAAA,QADA,aACA,QADA,aACA;AAAA,QADe,SACf,QADe,SACf;;AACF;;;;;AAKA,QAAM,aAAa,GAAG,kBAAkB,IAAI,KAAK,CAAC,gBAA5B,GAClB,KAAK,CAAC,gBAAN,CAAuB,IAAvB,CAA4B,MAA5B,CADkB,GAElB,MAFJ;AAIA,YAAQ,CAAC,aAAD,EAAgB,YAAK;AAC3B,mBAAa,IAAI,SAAS,EAA1B;AACA,mBAAa,CAAC,KAAD,CAAb;AACD,KAHO,CAAR;AAID,GAjBD;;AAmBA,MAAM,aAAa,GAAkB;AACnC,sBAAkB,EAAE,KAAK,CAAC;AADS,GAArC;AAIA,SACE,oDAAC,6CAAD,EAAO;AACL,sBAAkB;AADb,KAEA,WAFA,EAE6D;AAClE,iBAAa,EAAE,sBADmD;AAElE,YAAQ,EAAE,eAFwD;AAGlE,iBAAa,EAAE;AAHmD,GAF7D,CAAP,EAOG,wFAAc,CAAC,UAAf,CAA0B,KAAK,CAAC,QAAhC,IACG,UAAC,CAAD;AAAA,WAAiC,KAAK,CAAC,QAAN,CAAmE,CAAnE,CAAjC;AAAA,GADH,GAEG,+CAAe,KAAf,CAAqB,KAAK,CAAC,QAA3B,IAAuC,KAAK,CAAC,QAA7C,GAAwD,IAT9D,CADF;AAcD;AAEK,SAAU,uBAAV,GAAiC;AACrC,SAAO,+DAAgB,EAAvB;AACD,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClGD;AAGA;;;;;;;;;AAQM,SAAU,gBAAV,CAAwD,WAAxD,EAAwF;;;AAAA,wBACxD,+CAAe,KAAf,CADwD;AAAA;AAAA,MACpF,SADoF;AAAA,MACzE,YADyE;;AAG5F,kDAAgB,YAAK;;;AACnB,QAAI,CAAC,WAAW,CAAC,OAAjB,EAA0B;AACxB,kBAAY,CAAC,KAAD,CAAZ;AACA;AACD,KAJkB,CAMnB;;;AACA,QAAI,WAAW,CAAC,KAAZ,KAAiB,MAAI,WAAW,CAAC,aAAhB,MAA6B,IAA7B,IAA6B,aAA7B,GAA6B,MAA7B,GAA6B,GAAE,kBAAhD,CAAJ,EACE,YAAY,CAAC,IAAD,CAAZ,CADF,KAGE,YAAY,CAAC,KAAD,CAAZ;AAEH,GAZD,EAYG,CAAE,WAAW,CAAC,OAAd,EAAqB,MAAE,WAAW,CAAC,aAAd,MAA2B,IAA3B,IAA2B,aAA3B,GAA2B,MAA3B,GAA2B,GAAE,kBAAlD,EAAsE,WAAW,CAAC,KAAlF,EAAyF,WAAW,CAAC,MAArG,CAZH;AAcA,kDAAgB,YAAK;AACnB,QAAI,WAAW,CAAC,YAAhB,EACE,YAAY,CAAC,KAAD,CAAZ;AACH,GAHD,EAGG,CAAC,WAAW,CAAC,YAAb,CAHH;AAKA,SAAO,SAAP;AACD,C;;;;;;;;;;;;AClCD;AAAA;AAAA;AAAA;AAEO,IAAM,UAAU,GAAG;AACxB,+BADwB,yCAEtB,MAFsB,EAGtB,OAHsB,EAItB,SAJsB,EAKtB,mBALsB,EAKM;AAE5B,QAAI,SAAS,GAAG,cAAhB,CAF4B,CAI5B;;AACA,QAAI,oDAAK,CAAC,OAAD,EAAU,SAAV,CAAL,IAA6B,oDAAK,CAAC,MAAD,EAAS,SAAT,CAAtC,EACE,SAAS,IAAI,aAAb;AAEF,QAAI,mBAAJ,EACE,SAAS,eAAQ,mBAAR,CAAT;AAEF,WAAO,SAAP;AACD;AAjBuB,CAAnB,C","file":"scripts/5.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport { useFormikContext } from 'formik';\r\nimport { ButtonProps } from 'react-bootstrap';\r\n\r\nimport { useCanSubmitForm } from 'libs/shared/hooks/UseCanSubmitForm';\r\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nconst namespace = 'shared.formButtons';\r\n\r\nconst ENTER_KEY_CODE = 13;\r\n\r\ninterface FormButtonsProps {\r\n  isNew: boolean;\r\n  hasNext?: boolean;\r\n  submitText?: string;\r\n  variant?: ButtonProps['variant'];\r\n}\r\n\r\nexport function FormButtons<Values extends object>(props: FormButtonsProps): JSX.Element {\r\n  const formikProps = useFormikContext<Values>();\r\n\r\n  const canSubmit = useCanSubmitForm(formikProps);\r\n\r\n  /**\r\n   * This hook listens to \"Enter\" keypress events, and submits the form if there\r\n   * are no errors. This prevents any edge cases where submitting doesn't work on\r\n   * Enter normally, such as when a custom component is in focus.\r\n   */\r\n  React.useEffect(() => {\r\n    function onKeyPress(e: KeyboardEvent): void {\r\n      if (e.keyCode !== ENTER_KEY_CODE || !canSubmit)\r\n        return;\r\n\r\n      formikProps.validateForm().then(errors => {\r\n        if (!Object.keys(errors).length)\r\n          formikProps.submitForm();\r\n      });\r\n    }\r\n\r\n    window.addEventListener('keypress', onKeyPress);\r\n    return () => window.removeEventListener('keypress', onKeyPress);\r\n  }, [canSubmit]);\r\n\r\n  let phraseKey = 'save';\r\n  if (props.isNew)\r\n    phraseKey = 'create';\r\n  if (props.hasNext)\r\n    phraseKey = 'next';\r\n\r\n  return (\r\n    <SpinnerButton\r\n      variant={props.variant || 'primary'}\r\n      showSpinner={formikProps.isSubmitting}\r\n      type='submit'\r\n      disabled={!canSubmit}\r\n    >\r\n      {props.submitText\r\n        ? <>{props.submitText}</>\r\n        : <Text namespace={namespace} phrase={phraseKey} />\r\n      }\r\n    </SpinnerButton>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { FieldAttributes } from 'formik';\r\nimport { Form } from 'react-bootstrap';\r\nimport { FieldWrapper, FormFieldProps } from '../form-field/FormField';\r\n\r\n/**\r\n * Use this checkbox within Formik contexts\r\n */\r\nexport function FormCheckbox<Values extends object>(props: FieldAttributes<FormFieldProps<Values>>): JSX.Element {\r\n  const { label, ...fieldProps } = props;\r\n\r\n  return (\r\n    <Form.Group>\r\n      <div className='custom-control custom-checkbox'>\r\n        <FieldWrapper<Values> className='custom-control-input' {...fieldProps} />\r\n        <Form.Label className='custom-control-label' htmlFor={fieldProps.id}>{label}</Form.Label>\r\n      </div>\r\n    </Form.Group>\r\n  );\r\n}\r\n\r\n","import * as React from 'react';\r\nimport { useFormikContext } from 'formik';\r\n\r\ninterface CharacterCounterProps<Values extends object> {\r\n  fieldName: keyof Values;\r\n  limit: number;\r\n}\r\n\r\nexport function CharacterCounter<Values extends object>(props: CharacterCounterProps<Values>): JSX.Element {\r\n  const { values } = useFormikContext<Values>();\r\n\r\n  const field = values[props.fieldName];\r\n\r\n  if (typeof field !== 'string')\r\n    return <></>;\r\n\r\n  return (\r\n    <div className='float-right text-muted'>\r\n      {field.length}/{props.limit}\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Field, FieldAttributes, useFormikContext, ErrorMessage, FieldProps } from 'formik';\r\nimport { Form } from 'react-bootstrap';\r\n\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { FormHelper } from 'libs/shared/utils/FormHelper';\r\n\r\nimport { CharacterCounter } from './CharacterCounter';\r\nimport { FormCheckbox } from '../form-checkbox/FormCheckbox';\r\n\r\nexport interface FormFieldProps<Values extends object> {\r\n  /**\r\n   * The name prop MUST be the same as the attribute\r\n   * name of the value that the field is bound to.\r\n   */\r\n  name: string;\r\n  label?: string;\r\n  children?: ((props: FieldProps) => React.ReactNode) | React.ReactNode;\r\n  showCharacterCounter?: boolean;\r\n}\r\n\r\nexport function FieldWrapper<Values extends object>(\r\n  props: FieldAttributes<FormFieldProps<Values>> & { className: string }\r\n): React.ReactElement {\r\n  const { children, ...fieldProps } = props;\r\n\r\n  return (\r\n    <Field {...fieldProps}>\r\n      {FunctionHelper.isFunction(children)\r\n        ? (f: FieldProps) => children(f)\r\n        : React.Children.count(children) ? children : null\r\n      }\r\n    </Field>\r\n  );\r\n}\r\n\r\nexport function FormField<Values extends object>(props: FieldAttributes<FormFieldProps<Values>>): React.ReactElement {\r\n  const { label, className, showCharacterCounter, ...fieldProps } = props;\r\n\r\n  const { errors, touched } = useFormikContext<Values>();\r\n\r\n  if (fieldProps.type === 'checkbox')\r\n    return <FormCheckbox<Values> {...props} />;\r\n\r\n  return (\r\n    <Form.Group>\r\n      {!!label && <Form.Label htmlFor={fieldProps.id}>{label}</Form.Label>}\r\n      <FieldWrapper<Values>\r\n        className={FormHelper.getCustomFormControlClassName(errors, touched, fieldProps.name, className)}\r\n        {...fieldProps}\r\n      />\r\n      {!!showCharacterCounter && !!(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength &&\r\n        <CharacterCounter\r\n          fieldName={(fieldProps.name as keyof Values)}\r\n          limit={(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength}\r\n        />\r\n      }\r\n      <ErrorMessage name={fieldProps.name}>\r\n        {(errorMessage: string) => <Form.Control.Feedback type='invalid'>{errorMessage}</Form.Control.Feedback>}\r\n      </ErrorMessage>\r\n    </Form.Group>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Formik, FormikValues, FormikConfig, FormikProps, FormikHelpers, useFormikContext, FormikContextType } from 'formik';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\n\r\nfunction omitNullInitialValues<Values extends FormikValues>(initialValues: Values): Values {\r\n  const values = ObjectHelper.deepClone(initialValues);\r\n\r\n  Object.keys(values).forEach((key: keyof Values) => {\r\n    if (!values.hasOwnProperty(key))\r\n      return;\r\n\r\n    if (ObjectHelper.isObject(values[key]))\r\n      values[key] = omitNullInitialValues(values[key]);\r\n    else if (values[key] === null)\r\n      delete values[key];\r\n  });\r\n\r\n  return values;\r\n}\r\n\r\n// Omit attributes from FormikConfig that are defined in FormWrapperProps.\r\ntype ModifiedFormikConfig<Values extends FormikValues> = Omit<FormikConfig<Values>, 'initialValues' | 'onSubmit'>;\r\n\r\ninterface InitialStatus {\r\n  allowInitialSubmit: boolean;\r\n}\r\n\r\ninterface FormWrapperProps<FormValues extends FormikValues, ApiValues extends FormikValues> {\r\n  initialValues: FormValues | ApiValues;\r\n  onSubmit: (data: FormValues, onDone: () => void) => void;\r\n  castInitialValues?: boolean; // cast to validationSchema\r\n  castValuesOnSubmit?: boolean; // cast to validationSchema\r\n  allowInitialSubmit?: boolean; // if true, useCanSubmitForm will allow submit without any user changes.\r\n  resetOnSubmit?: boolean;\r\n}\r\n\r\nFormWrapper.defaultProps = {\r\n  castInitialValues: true,\r\n  castValuesOnSubmit: true\r\n};\r\n\r\nexport function FormWrapper<\r\n  FormValues extends FormikValues = FormikValues,\r\n  ApiValues extends FormikValues = FormikValues,\r\n  ExtraProps = {}\r\n>(props: ModifiedFormikConfig<FormValues> & ExtraProps & FormWrapperProps<FormValues, ApiValues>): JSX.Element {\r\n  const { castInitialValues, castValuesOnSubmit, initialValues, onSubmit, resetOnSubmit, ...formikProps } = props;\r\n\r\n  /**\r\n   * If castInitialValues is true, cast initialValues to the validationSchema.\r\n   * This will ensure that any data fetched from the api conforms to the expected form data shape.\r\n   */\r\n  const formattedInitialValues: FormValues = castInitialValues && props.validationSchema\r\n    ? props.validationSchema.cast(omitNullInitialValues(initialValues))\r\n    : initialValues;\r\n\r\n  const onSubmitHandler = (\r\n    values: FormValues,\r\n    { setSubmitting, resetForm }: FormikHelpers<FormValues>\r\n  ) => {\r\n    /**\r\n     * validationSchema.cast will coerce the values to the types defined in validationSchema.\r\n     * This is useful for trimming inputs:\r\n     * e.g. if a value field has type Yup.string().trim(), it will be automatically trimmed.\r\n     */\r\n    const formattedData = castValuesOnSubmit && props.validationSchema\r\n      ? props.validationSchema.cast(values)\r\n      : values;\r\n\r\n    onSubmit(formattedData, () => {\r\n      resetOnSubmit && resetForm();\r\n      setSubmitting(false);\r\n    });\r\n  };\r\n\r\n  const initialStatus: InitialStatus = {\r\n    allowInitialSubmit: props.allowInitialSubmit\r\n  };\r\n\r\n  return (\r\n    <Formik<FormValues, ExtraProps>\r\n      enableReinitialize\r\n      {...(formikProps as ModifiedFormikConfig<FormValues> & ExtraProps)}\r\n      initialValues={formattedInitialValues}\r\n      onSubmit={onSubmitHandler}\r\n      initialStatus={initialStatus}\r\n    >\r\n      {FunctionHelper.isFunction(props.children)\r\n        ? (f: FormikProps<FormValues>) => (props.children as (f: FormikProps<FormValues>) => React.ReactNode)(f)\r\n        : React.Children.count(props.children) ? props.children : null\r\n      }\r\n    </Formik>\r\n  );\r\n}\r\n\r\nexport function useFormikContextWrapper<T>(): FormikContextType<T> {\r\n  return useFormikContext<T>();\r\n}","import * as React from 'react';\r\nimport { FormikValues, FormikProps } from 'formik';\r\n\r\n/**\r\n * useCanSubmitForm determines if a form can be submitted.\r\n * \r\n * It will return true if a form is valid and has been changed from it's initial state.\r\n * \r\n * A common use case for this is determining whether or not to enable\r\n * a submit button in a form.\r\n */\r\nexport function useCanSubmitForm<Values extends FormikValues>(formikProps: FormikProps<Values>): boolean {\r\n  const [ canSubmit, setCanSubmit ] = React.useState(false);\r\n\r\n  React.useEffect(() => {\r\n    if (!formikProps.isValid) {\r\n      setCanSubmit(false);\r\n      return;\r\n    }\r\n\r\n    // If the form values have changed of if allowInitialSubmit is true, set canSubmit to true.\r\n    if (formikProps.dirty || formikProps.initialStatus?.allowInitialSubmit)\r\n      setCanSubmit(true);\r\n    else\r\n      setCanSubmit(false);\r\n\r\n  }, [ formikProps.isValid, formikProps.initialStatus?.allowInitialSubmit, formikProps.dirty, formikProps.values ]);\r\n\r\n  React.useEffect(() => {\r\n    if (formikProps.isSubmitting)\r\n      setCanSubmit(false);\r\n  }, [formikProps.isSubmitting]);\r\n\r\n  return canSubmit;\r\n}\r\n","import { FormikErrors, FormikTouched, getIn } from 'formik';\r\n\r\nexport const FormHelper = {\r\n  getCustomFormControlClassName<T>(\r\n    errors: FormikErrors<T>,\r\n    touched: FormikTouched<T>,\r\n    attribute: string,\r\n    additionalClassName?: string\r\n  ): string {\r\n    let className = 'form-control';\r\n\r\n    // Using getIn as it supports dot notation\r\n    if (getIn(touched, attribute) && getIn(errors, attribute))\r\n      className += ' is-invalid';\r\n\r\n    if (additionalClassName)\r\n      className += ` ${additionalClassName}`;\r\n\r\n    return className;\r\n  }\r\n};"],"sourceRoot":""}