Cacher is the code snippet organizer for pro developers

const { createNamespaceSelector } = require('@ghadyani-framework/redux-utils')

export const selectNamespacedPayload = (
  ({ payloads }, { namespace }) => (
    payloads[namespace] || null
  )
)

export const payloadSelector = (
  createNamespaceSelector(
    selectNamespacedPayload,
  )
)

const PermissionsSelectBox = () => (
  <ReduxConnection
    namespace="permissions"
    selector={payloadSelector}
  >
    {({ permissions }) => (
      <ValueSelectorField
        name="permissions"
        options={permissions}
      />
    )}
  </ReduxConnection>
)